数据可视化-Echars

之前数据可视化工具用的是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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值