百度图说 和 ECharts 都是百度ECharts团队研发的产品,在不懂编程或是为了快速完成图表制作的情况下,都可以通过百度图说这一工具实现零编程快速制作图表。
百度图说最大的优点:零编程,所见即所得。
网址:http://tushuo.baidu.com/
使用流程:
1.打开 百度图说 网址,可创建账号登录,点击 开始制作图表
![](https://img-blog.csdn.net/20180828233845313?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
2.点击 创建图表
![](https://img-blog.csdn.net/20180828234329550?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
3.根据需要选择相应的图表模板
![](https://img-blog.csdn.net/20180828234604806?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
4.鼠标移到模板图表上,将显示操作栏,点击 数据编辑,对图表数据进行修改
![](https://img-blog.csdn.net/20180828235152232?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
5.在 数据编辑页面 中,数据修改后立马生效,数据也可通过excel导入,方便快捷
![](https://img-blog.csdn.net/20180828235726868?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
6.点击 参数调整,跳转到 参数调整页面,在该页面中,可对图表的内容和样式进行编辑和设置
![](https://img-blog.csdn.net/20180829090326391?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
7.对图表数据和参数设置完毕之后,回到 操作栏,点击 显示代码,将代码复制下来,可直接应用在项目中
![](https://img-blog.csdn.net/20180829091203140?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/20180830190105957?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
8.现打开一个ECharts在线实例(http://gallery.echartsjs.com/editor.html),如下:
![](https://img-blog.csdn.net/20180830192218244?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
9.将复制好的代码替换掉在线实例原来的配置代码,点击 刷新,效果如下:
![](https://img-blog.csdn.net/20180830192819453?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dSQVlfS0VZ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
基本的流程差不多就是这样,开发中需要用到ECharts的图表插件,还要多去查阅ECharts官方文档:
http://echarts.baidu.com/option.html
百度图说对于项目开发者来说只能是在学习前期和需要快速开发的情况下提供一下便利。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)