即使不懂代码,你也可以做出这么酷炫好看的图表—百度ECharts

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

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

举报
评论 0