前言
- 16年的时候还是个在校学生,基于对数据可视化的兴趣,参加了天池的气象可视化大赛,磕磕碰碰没获奖,与其他合作伙伴最后也不欢而散,最后还是咬咬牙通宵一两个星期终于实现了也交了,这个比赛最后留给我的实质性的可能是简历上面的一行字和这篇文章,但其实还是给我带来了很多精神上的鼓励,相信自己能做到。
- 三年前写的入门基础,Echarts都发展很迅速了,先搬上来,以后有时间再慢慢修改,可能有些链接已失效。另外,在学习的过程中参考了大量网站,所以也把这些优秀实用的链接也放上来了,我不太清楚这个是否侵权,如果这个形式不对,麻烦各位大佬提醒,谢谢~
一、 Echarts是什么?
Echarts官网
一个纯 JavaScript 的图表库,可以在以网页的形式展现动态图表
特点:交互、动态、个性化
Echarts的发展
ECarts 1.0
ECharts 2.0 有对应的R包直接可以调用生成图表,但还是建议用
ECharts 3.0 升级版,效果更多,优化移动端上的显示,目前二维图表的最新版本
最新版本的官网指引
ECharts X 主要是3D大型图表,目前还比较卡,个人没有怎么用到
ECharts X官网
其他图表库
D3.js—目前使用最广泛的动态图表库,基本上可以找到想要实现的效果
D3.js图表库示例
ggplot2:R包
在R中实现好看的图表,把图形元素抽象成可以自由组合的成分,主要是静态图表
Highcharts:也是js图表库,有R包可以调用
其他:
20个数据可视化(数据视觉化)工具 - 文章 - 伯乐在线
二、 Echarts怎么用?
不懂html和css也没关系,一步一步来
1、 了解图表的零件(组成)——基于echarts3.0两个简单的例子:
ECharts 入门示例—一个简单的柱形图
ECharts Examples
数据data与基本配置项option
1) 数据,json格式数据 什么是json数据?
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于网络传输,换句话说就是在网站上加载数据的速度更快。
- 1、 对象是一个无序的“‘名称/值’对”集合。
(1)一个对象以“{”ÿ