Tracy.Liu 发表于 2018-9-3 17:56:53

一看就会,超有用活字格技能:三十五,Echarts制作地图

本帖最后由 Tracy.Liu 于 2018-9-5 09:32 编辑

Echarts时当下十分热门的一个前端数据可视化工具,支持地图图表的展示。

老规矩,我们先来瞅一眼效果~
   

首先显示整个中国地图,用户可以根据需要选择自己想要查看的省份,点击后跳转至对应省份的地图。另外下方表格也会根据选择的省份而变化。
怎么样,效果不错吧~工程文件在文末,大家需要可以下载~

工程文件中只做了四川和陕西的效果,小伙伴想再添加别的怎么办呢?下面就跟着我来一步一步再加一个北京的效果~
1.在网上下载beijing.js文件,并在文件-设置-自定义javascript中上传。

   

2.然后编辑在页面加载时命令中的js代码。
   1)找到代码中“/*四川开始*/”“/*四川结束*/”复制之间的代码,在文件最后粘贴。
   

   2)更改粘贴的代码中红框部分为“北京”。
   

3.完成,运行看效果~(记得ctrl+s js文件哈!)
   



工程文件


页: [1]
查看完整版本: 一看就会,超有用活字格技能:三十五,Echarts制作地图