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

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

图1: 离散型数据

(1)基于Echarts插件的多维数据可视化设计和实现
图2:连续型数据

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

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

图3

(2)如图4所示,为2个维度1个度量,两个维度均为离散型维度。即时间型数据。
(1)基于Echarts插件的多维数据可视化设计和实现

图4

(3)如图5所示,为3个维度1个度量,最后一个维度为连续型;
(1)基于Echarts插件的多维数据可视化设计和实现
图5

(4)如图6所示,为3个维度2个度量,最后一个维度为连续型。
(1)基于Echarts插件的多维数据可视化设计和实现
图6

(5)如图7所示,为3个维度2个度量,维度都为离散型。
(1)基于Echarts插件的多维数据可视化设计和实现
图7

(6)如图8所示,为3个维度2个度量,后面两个维度都为连续型。
(1)基于Echarts插件的多维数据可视化设计和实现
图8

(7)如图9所示,为4个维度1个度量,后面1个维度都为连续型。
(1)基于Echarts插件的多维数据可视化设计和实现
图9

(8)如图10所示,为4个维度1个度量,所有维度都为离散型。
(1)基于Echarts插件的多维数据可视化设计和实现
图10

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

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