ECharts 详细介绍

ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。如今已经发展迭代更新到了第四个版本，在这个版本中也带来了很多黑科技，大家可以去官网了解一下

提供大量常用的数据可视化图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图等等多种类型的图表类型！

4.0版本的实例更多

也有许多的专业图表

官方还在不断的添加更多种类的图表，还有一个比较好用的地方就是有个官方论坛，里面有各种各种真实用户上传的图表模板，这些图表都是真实的数据模型制作出来的，很具有参考价值，非常值得学习借鉴！！！

还可以按照时间、热度来进行筛选

也可以按照图表种类进行筛选

还可以进行搜索，只能说太强大了！！

下面来具体讲解一下怎么使用图表模板

模板的使用方法

就拿一个比较常见的专业图表——仪表盘来进行举例。

直接点击标准仪表盘进入一下界面

在代码窗口中有很多的代码，大家无需明白是什么意思，只需要注意一个地方即可（下拉滚动条到下面找到data一行中的，将value冒号后面的数字改为你需要的数值即可），如下图所示

这里我将值改为80，然后点击刷新即可得到结果

结果如下图所示：

我们还可以使用不同的主题

大家可以根据自己的个人喜好进行设置，这点百度做得很好！

导出图表

按照如下图所示的操作即可将图表导出为PNG图片为我们所用

大功告成！

网址

2.0版本——http://echarts.baidu.com/echarts2/doc/example.html

4.0版本——http://echarts.baidu.com/examples/

官方图表廊——http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all

更多职场、办公技能等干货和有趣实用的软件推荐，欢迎关注好东西就该分享头条号，查阅历史文章，获取更多！