ECharts实现数据可视化(1)——简单介绍

我是是刚刚接触数据分析的小白,目前刚刚工作,工作中需要一些直观的图表展示分析,单纯的excel制图不能满足需求,经同事介绍echart.js,百度提供的免费开源图表库,感觉对初入门者很是友好。

echarts的网址 http://echarts.baidu.com/

我以制作桑基图为例,讲解一下echarts的用法。

第一步:去ecahrts选择自己需要的模板,并且下载到本地,下载之后是.html的文件,直接浏览器打开运行。我下载的是sankey模板。

第一步:模板下载

第二步:更改字段数据,用编辑器打开下载下来的文件,更改模板的数据,编辑器推荐notepad++或者sublime text。


第二步:改数据


第二步:改数据

第三步,以浏览器打开运行测试,根据实际需求做了修改,数据没有实际意义。


第三步:浏览器打开

五分钟就能入门的echarts就是这么简单,其实的官网的教程也很容易,只是粗略的介绍,推荐大家看一下官网教程再上手http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

改数据的时候我思考了一下,面对数据很少的时候,改对应代码工作量不是很大,但是一旦有了复杂的数据,光字段名就几十个,流向有几百个,那么一一对应改数值改字段名就太麻烦了,也不利于日后的维护更改,那么可不可以直接读取本地表格中的数据呢?更新本地文件中的数值就可以同步更新图,小鱼将在下一篇中讲解。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,109评论 2 89
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,308评论 19 139
  • 期盼已久的兰州分舵户外活动如期而至,拆书帮兰州分舵的活动已经进行到109期了 ,这期与以往的活动有太多的不同,...
    简单的苿莱阅读 3,818评论 3 1
  • 1.倒向你的墙 2.离你而去的人 3.流逝的时间 4.没有选择的出身 5.莫名其妙的孤独 6.无可奈何的遗忘 7....
    华尔街少女阅读 1,748评论 0 0
  • 一、安装axios利用npm安装npm install axios --saveaxios入门参考 二、新建一个j...
    闹闹也会有脾气阅读 3,430评论 0 0