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", // 散点（气泡）图,有多个type可以选择
coordinateSystem: "geo", // 坐标系 geo使用地理坐标系
symbolSize:16, // 闪烁点的大小
zlevel: 10, // 这里是关键，一定要放在 series中，显示层级，
// 是否开启高亮后的放大效果。从 5.3.2 版本开始支持 number，用以设置高亮放大倍数，默认放大 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 | 旭日图（Sunburst） |
boxplot | 『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』 |
candlestick | K线图 |
heatmap | 热力图 |
map | 地图 |
parallel | 平行坐标系 |
lines | 路径图 |
graph | 用于展现节点以及节点之间的关系数据 |
sankey | 桑基图 |
funnel | 漏斗图 |
gauge | 仪表盘 |
pictorialBar | 象形柱图 |
themeRiver | 主题河流 |
custom | 自定义系列 |
