数据可视化是 数据 到 视觉元素 的映射过程(这个过程也可称为视觉编码,视觉元素也可称为视觉通道)。
ECharts 的每种图表本身就内置了这种映射过程,比如折线图把数据映射到『线』,柱状图把数据映射到『长度』。一些更复杂的图表,如 、事件河流图
、treemap
也都会做出他们内置的映射。
此外,ECharts 还提供了 来提供通用的视觉映射。visualMap
组件中可以使用的视觉元素有:图形类别(symbol)
、颜色(color)
、透明度(opacity)
、颜色透明度(colorAlpha)
、颜色明暗度(colorLightness)
、、色调(colorHue)
下面对 visualMap
组件的使用方式进行简要的介绍。
例如,series.data 最常见的形式,是『线性表』,即一个普通数组:
在图表中,往往默认把 value 的前一两个维度进行映射,比如取第一个维度映射到x轴,取第二个维度映射到y轴。如果想要把更多的维度展现出来,可以借助 visualMap
。最常见的情况, 使用半径展现了第三个维度。
visualMap 组件
visualMap 组件定义了把数据的『哪个维度』映射到『什么视觉元素上』。
现在提供如下两种类型的visualMap组件,通过 来区分。
连续型(visualMapContinuous): “ 分段型(visualMapPiecewise): “ 分段型视觉映射组件(visualMapPiecewise),有三种模式:
既然是『数据』到『视觉元素』的映射,visualMap
中可以指定数据的『哪个维度』(参见visualMap.dimension)映射到哪些『视觉元素』(参见 和 visualMap.outOfRange)中。
例一:
例二: