数据可视化-Echars

版权声明：本文为博主原创文章，未经博主允许不得转载。博客地址:http://www.fanlegefan.com/ https://blog.csdn.net/woloqun/article/details/83962497

之前数据可视化工具用的是zepplin，功能强大但也伴随着各种问题

• 内存溢出；每个notebook都会启动一个后台进程，内存消耗巨大，用户多了，时不时就会卡死，导致需要重启服务端
• 改造升级困难，很多功能用不上且冗余，而且工具略显笨重
• 数据可视化功能有限

虽然有很多问题，但zepplin不失为一个优秀的可视化工具；在项目早期，简单便捷的部署，给我们减少了不少的工作量；但如果只是为了数据可视化，没有特别的个性化需求，不考虑兼容更多的计算平台，其实这部分工作完全可以花几天的时间造个轮子，所以周末花了两天研究了下echars[我应该有三四年没有写过js，额，大家懂的]；接下来看下我这两天做了个啥

首先这里的维度是根据数据生成的，数据格式定义如下

var data = {
   		title : {
	        text: '某地区蒸发量和降水量',
	        subtext: '纯属虚构'
	    },
      		columns:['蒸发量','降水量','雾霾量','Month'],
      		type:['bar','bar','bar'],
            rows:[[2.1,2.6,3.0,'一月'],[2.2,2.3,3.1,'二月'],[3.0,1.6,3.2,'三月'],
        		[4.0,1.6,2.0,'四月'],[2.0,3.6,3.1,'五月'],[2.2,3.6,3.1,'六月']]  
    };

js根据数据中的columns生成维度度量选项，以供用户选择需要查看的维度数据；这里的数据写死在页面了，通常这部分都是从后台请求获得；
在生成柱状图，折线图，堆积图时维度/度量可以选择一个或多个；但是如果想生成饼图的时候维度/度量这个只可以选择一个，这个应该不难理解；看个饼图栗子

大多数数据可视化的需求应该都能满足，需要注意的是，笔者只是把程序调通了，还有很多地方需要改造重构，这里就给大家提供一个思路

代码打包在csdn，不介意的话可以花2分下载，thx
https://download.csdn.net/download/woloqun/10778354