oCodeHoney's BLOG

【ECharts】初次尝试可视化数据界面

字数统计: 257阅读时长: 1 min
2020/04/28 Share

之前看到过有人做疫情地图的可视化界面,有点心动,然后又想起以前在军事剧里面总是看到的炫酷的数据界面,于是今天参考pink老师的教程做了一个无敌中二的可视化界面,主要目的一方面学习一下数据可视化的东西,一方面继续练习三件套。

资源

预览

整体思路

1. 用HTML和CSS搭好整体结构

首先写好整体框架,预留好charts的div盒子后面直接把图表往里面放就好。

2. 引入ECharts图表

去官网找合适的类似需求的图表,引入到自己的html页面中,然后对options配置根据需要进行修改。

这个小项目没有什么难点,所有API官网写的很清楚易懂,图表的引入和配置的修改也非常简单,重点还是在第一步框架的搭建。


Author:oCodeHoney

Date:2020-4-28


CATALOG
  1. 1. 资源
  2. 2. 预览
  3. 3. 整体思路
    1. 3.1. 1. 用HTML和CSS搭好整体结构
    2. 3.2. 2. 引入ECharts图表