Echarts在map地圖上添加散點(diǎn)圖

一、需求：
我們使用map地圖畫出區(qū)域后，有時(shí)需要標(biāo)注一些點(diǎn)，就需要用到散點(diǎn)圖了，而在series屬性中，只能有一個(gè)type參數(shù)，這時(shí)該怎么辦呢？
二、實(shí)現(xiàn)
我們只需要把map放在geo中，散點(diǎn)圖放在series中，上代碼：

var mapChart = echarts.init(document.getElementById('CZ'));var option = {geo: {roam: true,show:true,type:'map',map: '滁州',zoom: 1,label: {emphasis: { // 對(duì)應(yīng)的鼠標(biāo)懸浮效果show: true,textStyle: {}}},itemStyle: {normal: {},emphasis: {}}},series: [{show:true,type:'effectScatter',rippleEffect:{ // 漣漪特效相關(guān)配置。scale:4 // 控制漣漪大小},coordinateSystem: 'geo', // series坐標(biāo)系類型data:myDate //散點(diǎn)的坐標(biāo)，自己定義一個(gè)var即可}],tooltip: {trigger: 'item',formatter: function(params) {return res;}}}mapChart.setOption(option);

這樣就實(shí)現(xiàn)了map地圖和散點(diǎn)圖的結(jié)合

總結(jié)

以上是生活随笔為你收集整理的Echarts在map地图上添加散点图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。