option: {
backgroundColor: "#fff", // цвет холста
//Подсказка
tooltip: {
backgroundColor: "rgba(255,255,255,1)",
borderColor: "#333",
// Подскажите текстовое содержание и стиль
formatter: function (params) {
console.log("2323", params.data);
var result = "";
result += params.data.name + "<br>";
result += "<span>" + params.data.address + "</span><br>";
result += "<span>" + params.data.phone + "</span><br>";
result += "<span>" + params.data.workRule + "</span>";
return result;
},
},
//Компонент географической системы координат используется для рисования карты
geo: [
{
map: "hebei", // использовать registerMap Зарегистрированное имя Зарегистрируйтесь, чтобы получить доступную карту, только на geo компонент или map Тип диаграммы
aspectScale: 1, // Этот параметр используется scale соотношение сторон карты
roam: false, // Разрешить ли масштабирование
zoom: 1.1, // Коэффициент масштабирования текущей перспективы
center: [116.692385, 39.198286], // Координаты центральной точки карты провинции Хэбэй
layoutSize: "90%", //Размер карты поддерживает процентное отношение к ширине и высоте экрана или абсолютному размеру пикселей.
layoutCenter: ["50%", "50%"], //карта Положение центра на экране
label: {
show: true, // Отображает ли карта текст региона и названия провинций и городов
color: "#fff",
fontSize:14,// Размер текста названия провинции и города
},
itemStyle: {
// цвет области
areaColor: {
type: "radial", //Градиентный режим
x: 0.7,
y: 0.5,
r: 0.4,
// Изменить цвет карты эффект градиента
colorStops: [
{
offset: 0,
color: "#0160AD", // 0% цвет
},
{
offset: 1,
color: "#0160AD", // 100% цвет
},
],
global: false, // Значение по умолчанию: false
},
emphasis: {
areaColor: "blue", // Цвет фона области, куда перемещается мышь.
borderWidth: 0,
},
borderColor: "#FFFFFF",
borderWidth: 1,
},
//Стили многоугольников и меток в выделенном состоянии.
emphasis: {
itemStyle: {
areaColor: "#0160AD",
},
label: {
show: 1,
color: "#fff",
},
},
// zlevel большое дело Canvas будет размещен zlevel маленький Canvas выше
zlevel: 3,
},
],
// Информация о серии диаграмм
series: [
{
type: "scatter", // График рассеяния (пузырьковый график), есть несколько типов на выбор
coordinateSystem: "geo", // система координат geoиспользоватьгеографиясистема координат
symbolSize:16, // размер точки вспышки
zlevel: 10, // Вот ключ, его надо поместить Последовательно отображать иерархию,
// Включать ли эффект увеличения после выделения. от 5.3.2 Версия начинает поддерживать номер, используемый для установки увеличения выделения, увеличения по умолчанию. 1.1 раз
emphasis: {
scale: true,
},
symbol:'image://' + logo, // Маркированная графика может пройти 'image://url' Установить изображение, где URL ссылка на изображение или dataURI
itemStyle: {
// Цвет точек можно определить по params Значение параметра можно использовать для установки цвета несовместимого цвета.
color: function () {
return "white";
},
// shadowBlur: 10,
// shadowColor: "#333", //Графическая тень
},
data: [], // Данные о точках, включая широту и долготу
},
],
},
series-type | Определение |
---|---|
line | Линейная/площадная диаграмма |
bar | гистограмма |
pie | круговая диаграмма |
scatter | График рассеяния (пузырьковый график) |
effectScatter | График рассеяния (пузырьковый график) с анимацией волновых эффектов |
radar | радиолокационная карта |
tree | древовидная диаграмма |
treemap | Форма визуализации «дерева данных» |
sunburst | Санберст |
boxplot | «Коробочный сюжет», «Коробчатый сюжет», «Коробочный сюжет», «Коробочный сюжет», «Коробочный сюжет» |
candlestick | K-линейный график |
heatmap | тепловая карта |
map | карта |
parallel | параллельная система координат |
lines | карта пути |
graph | Используется для отображения узлов и данных о взаимосвязях между узлами. |
sankey | Диаграмма Санки |
funnel | воронкообразная диаграмма |
gauge | Панель управления |
pictorialBar | Пиктограмма |
themeRiver | тема река |
custom | Пользовательская серия |