即使不懂代码,你也可以做出这么酷炫好看的图表—百度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
请先 后发表评论~