Echarts在map地图上添加散点图
一、需求：
我们使用map地图画出区域后，有时需要标注一些点，就需要用到散点图了，而在series属性中，只能有一个type参数，这时该怎么办呢？
二、实现
我们只需要把map放在geo中，散点图放在series中，上代码：
var mapChart = echarts.init(document.getElementById('CZ'));
var option = {
geo: {
roam: true,
show:true,
type:'map',
map: '滁州',
zoom: 1,
label: {
emphasis: { // 对应的鼠标悬浮效果
show: true,
textStyle: {
}
}
},
itemStyle: {
normal: {
},
emphasis: {
}
}
},
series: [
{
show:true,
type:'effectScatter',
rippleEffect:{ // 涟漪特效相关配置。
scale:4 // 控制涟漪大小
},
coordinateSystem: 'geo', // series坐标系类型
data:myDate //散点的坐标，自己定义一个var即可
}
],
tooltip: {
trigger: 'item',
formatter: function(params) {
return res;
}
}
}
mapChart.setOption(option);
这样就实现了map地图和散点图的结合
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/117974.html
