<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="main" style="height:800px;"></div> </body> <script type="text/javascript" src="echarts.min.js" ></script> <script type="text/javascript" src="gansu.js"></script> <script> var chart = echarts.init(document.getElementById('main')); chart.setOption({ series: [{ type: 'map', selectedMode : 'single', map: '甘肃', itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} } }] }); </script> </html>效果图如下:
如果出现下面的报错:
Component series.map not exists. Load it first.则是因为您的echarts文件不包含map模块,进入https://echarts.apache.org/zh/download.html,选择需要的模块,在线定制下载
图表chart分类下勾选 地图Map,在坐标系coordinate systems下勾选 地理坐标系Geo,最后选择下载,稍等会即可下载完成,替换刚才的echarts.min.js,再试下。