Echarts图表中动态数据显示

Echarts图表中动态数据显示

1 什么是Echarts？

ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

可参看官方网址介绍：【http://echarts.baidu.com/index.html】

2 如何五分钟上手Echarts?

本篇文章不会向你介绍如何上手Echarts，事实上这部分确实很简单，只要引入其js库，然后按照官方给的例子即可实现。

可参看官方实现的小实例：【http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts】

绘制一个简单图表，实现后样式如下：

实现的代码可自己参看官方API去弄明白，这不是本篇文章的重点。事实上，这个例子中横坐标值，以及柱子高度值都是在代码中事先写好的：