可视化实验一:Echars的初步使用

可视化lab1

实验要求是根据老师给的数据,利用Echarts制作图表,将数据形象地展示出来,要求有多图联动。

Echarts

学习Echarts的话参考百度的官方网站:
Echarts
网页右上角有文档的详细说明,还有实例可以下载。Echarts会涉及很多js,如果不改js就很简单,基本上只要改主函数function中的代码即可,除此之外顶多前面加几个main(即为Echarts准备的具备一定宽高的Dom),然后加载一些图表的模块。

Code

我参照了两个官方上的demo,一个是多图联动的example,一个是网上找的地图的example,下面即是链接。
多图联动
地图和饼图组合


然后我把两个上面的给整合了一下,给个图吧,代码近500行,还是给个查看地址吧。

在地图上单击省份,旁边的饼图会相应地增加或者删除相应地省份数据。
代码参考lab1.html

截图


猜你喜欢

转载自blog.csdn.net/sunny_xsc1994/article/details/44837253
今日推荐