1.在頁面內引入需要使用的地圖js文件node_modules/echarts/map/js?eg:?import?'echarts/map/js/china';

2.如果選用省份，需要用漢字?eg:options.geo.map?=?'河南';

3.屬性參考官網：https://www.echartsjs.com/zh/option.html#geo

4.其他一些實例參考：https://gallery.echartsjs.com/

var series = [];option = {tooltip: {trigger: 'item',backgroundColor: 'rgba(166, 200, 76, 0.82)',borderColor: '#FFFFCC',showDelay: 0,hideDelay: 0,enterable: true,transitionDuration: 0,extraCssText: 'z-index:100',},backgroundColor:"#013954",visualMap: { //圖例值控制min: 0,max: 1,calculable: true,show: true,color: ['#f44336', '#fc9700', '#ffde00', '#ffde00', '#00eaff'],textStyle: {color: '#fff'}},geo: {map: 'china',//如果是省份，拼音不行可以嘗試換成中文zoom: 1.2,label: {emphasis: {show: false}},roam: true, //是否允許縮放itemStyle: {normal: {color: 'rgba(51, 69, 89, .5)', //地圖背景色borderColor: '#516a89', //省市邊界線00fcff 516a89borderWidth: 1},emphasis: {color: 'rgba(37, 43, 61, .5)' //懸浮背景}}},series: series};

?

總結

以上是生活随笔為你收集整理的vue 中使用 echart 绘制世界地图中国地图省地图的全部內容，希望文章能夠幫你解決所遇到的問題。

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