之前看到过有人做疫情地图的可视化界面,有点心动,然后又想起以前在军事剧里面总是看到的炫酷的数据界面,于是今天参考pink老师的教程做了一个无敌中二的可视化界面,主要目的一方面学习一下数据可视化的东西,一方面继续练习三件套。
资源
预览
整体思路
1. 用HTML和CSS搭好整体结构
首先写好整体框架,预留好charts的div盒子后面直接把图表往里面放就好。
2. 引入ECharts图表
去官网找合适的类似需求的图表,引入到自己的html页面中,然后对options配置根据需要进行修改。
这个小项目没有什么难点,所有API官网写的很清楚易懂,图表的引入和配置的修改也非常简单,重点还是在第一步框架的搭建。
Author:oCodeHoney
Date:2020-4-28