echarts中国地图实例

echarts中国地图是工作中在大数据可视化中必用的一块

工具/原料

webstorm

方法/步骤

创建地图模板文件:1echarts地图模板1.html 代码如图:

复制1echarts地图模板1.html并改名2echarts地图原型.html

地图组件下载:http://echarts.baidu.com/download-map.html

选择下载中国地图,下载JS文件,将china.js拷贝到咱们站点的js目录下

在文件中引入中国地图js

参考官实例网址:http://echarts.baidu.com/examples.html#chart-type-map

双击进入iphone销量那个,复制其中json部分和randomData

函数到刚建的文件中:

预览即可

复制2echarts地图原型.html并改名为3echarts地图绑定投诉量数据.html

a.删除series中data中的二个{},留一个数据即可,复制D003数据到series的data处

b.把title改为"各省投诉量对比"

c.legend部份,删除二个留一个,(且要和series中name部分相同)

最终效果如图:

本文内容整理自网络, 文中所有观点看法不代表淘大白的立场