最近项目中有遇到数据图表，这里推荐一款百度前端出品的Echarts。它是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

使用方法如下：

1.首先在官网选择合适的下载版本

下载或通过cdn引入

2.引入Echarts

3.准备一个DOM容器，设置好高度和宽度

4.创建一个图表

创建图表JS，可以根据官方实例，拷贝对应的JS。然后修改成自己网页中的图表样式。

实例如下图：