(1)基于Echarts插件的多维数据可视化设计和实现

问题提出:
数据可以分别两大类别:离散型和连续型。具体的专业术语,我就不说了。在图表中,数据由维度和度量两大部分构成,我理解,在图表中离散型数据相互之间在维度上没有连续,是互相独立的,只有在度量上有大小之别;而连续型数据,在维度上是有连续的,维度之间是有高低和大小之别。
在图表的展示中,离散型数据每条数据相互挨着,彼此相邻,如图1所示;而连续型数据各条数据的位置跟刻度轴上的值一一对应,如图2所示。
图1和图表2展示的数据1个维度1个度量的数据可视化结果。而针对2个以上(包含2个)维度, 1个以上度量(包含1个)的数据该如何可视化呢? 本文主要分别两大部分进行讲解和实现。分别为多维离散型数据可视化,多维连续型数据可视化。
离散型数据展示

图1: 离散型数据

连续型数据展示
图2:连续型数据

废话不说了,先看一看我们将要做的效果吧。
(1)如图3所示,为2个维度1个度量,第二个维度为连续型维度。即时间型数据。

这里写图片描述

图3

(2)如图4所示,为2个维度1个度量,两个维度均为离散型维度。即时间型数据。
这里写图片描述

图4

(3)如图5所示,为3个维度1个度量,最后一个维度为连续型;
这里写图片描述
图5

(4)如图6所示,为3个维度2个度量,最后一个维度为连续型。
这里写图片描述
图6

(5)如图7所示,为3个维度2个度量,维度都为离散型。
这里写图片描述
图7

(6)如图8所示,为3个维度2个度量,后面两个维度都为连续型。
这里写图片描述
图8

(7)如图9所示,为4个维度1个度量,后面1个维度都为连续型。
这里写图片描述
图9

(8)如图10所示,为4个维度1个度量,所有维度都为离散型。
这里写图片描述
图10

demo源码下载地址:http://download.csdn.net/download/mulumeng981/9985030 (基于Echarts最新版3.7.1)

如果你注意到一个不准确或似乎不太正确的地方,请让我知道。谢谢!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值