博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
可视化实验一:Echars的初步使用
阅读量:4156 次
发布时间:2019-05-25

本文共 351 字,大约阅读时间需要 1 分钟。

可视化lab1

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

Echarts

学习Echarts的话参考百度的官方网站:

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

Code

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

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

在地图上单击省份,旁边的饼图会相应地增加或者删除相应地省份数据。

截图

你可能感兴趣的文章
HTML5学习之——HTML 5 Video + DOM
查看>>
HTML5学习之——HTML 5 音频
查看>>
HTML5学习之——HTML 5 拖放
查看>>
HTML5学习之——HTML 5 Canvas vs. SVG
查看>>
HTML5学习之——HTML 5 应用程序缓存
查看>>
HTML5学习之——HTML 5 Web Workers
查看>>
HTML5学习之——HTML 5 Canvas
查看>>
HTML5学习之——HTML5 内联 SVG
查看>>
HTML5学习之——HTML 5 服务器发送事件
查看>>
SVG学习之——HTML 页面中的 SVG
查看>>
SVG 形状学习之——SVG 矩形<rect>
查看>>
SVG 形状学习之——SVG圆形
查看>>
SVG 滤镜学习之——SVG 滤镜
查看>>
mysql中用命令行复制表结构的方法
查看>>
hbase shell出现ERROR: org.apache.hadoop.hbase.ipc.ServerNotRunningYetException
查看>>
让代码变得更优雅-Lombok
查看>>
解决Rhythmbox乱码
查看>>
豆瓣爱问共享资料插件发布啦
查看>>
Ubuntu10.10 CAJView安装 读取nh\kdh\caj文件 成功
查看>>
kermit的安装和配置
查看>>