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地圖和散點圖的結合

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。