数据可视化是 数据视觉元素 的映射过程(这个过程也可称为视觉编码,视觉元素也可称为视觉通道)。

    ECharts 的每种图表本身就内置了这种映射过程,比如折线图把数据映射到『线』,柱状图把数据映射到『长度』。一些更复杂的图表,如 、事件河流图treemap 也都会做出他们内置的映射。

    此外,ECharts 还提供了 来提供通用的视觉映射。visualMap 组件中可以使用的视觉元素有:图形类别(symbol)颜色(color)透明度(opacity)颜色透明度(colorAlpha)颜色明暗度(colorLightness)、、色调(colorHue)

    下面对 visualMap 组件的使用方式进行简要的介绍。

    例如,series.data 最常见的形式,是『线性表』,即一个普通数组:

    在图表中,往往默认把 value 的前一两个维度进行映射,比如取第一个维度映射到x轴,取第二个维度映射到y轴。如果想要把更多的维度展现出来,可以借助 visualMap 。最常见的情况, 使用半径展现了第三个维度。

    visualMap 组件

    visualMap 组件定义了把数据的『哪个维度』映射到『什么视觉元素上』。

    现在提供如下两种类型的visualMap组件,通过 visualMap.type 来区分。

    https://echarts.baidu.com/gallery/view.html?c=doc-example/map-visualMap-continuous&edit=1&reset=1“ : https://echarts.baidu.com/gallery/view.html?c=doc-example/scatter-visualMap-piecewise&edit=1&reset=1“ 分段型视觉映射组件(visualMapPiecewise),有三种模式:

    既然是『数据』到『视觉元素』的映射,visualMap 中可以指定数据的『哪个维度』(参见)映射到哪些『视觉元素』(参见 visualMap.inRange 和 )中。

    例一:

    例二: