ECharts 中的视觉映射组件(visualMap)用于将数据的数值映射到视觉元素,比如颜色、大小等。这样可以通过视觉效果更直观地展示数据的分布和变化。以下是一个基本的 visualMap 配置示例:
option = {
    // 其他配置项...
    visualMap: {
        type: 'continuous',  // 连续型 visualMap
        min: 0,              // 数据最小值
        max: 100,            // 数据最大值
        inRange: {
            color: ['blue', 'red']  // 在最小值到最大值范围内的颜色映射
        },
        // 其他配置项...
    },
    series: [{
        type: 'scatter',  // 其他系列配置...
        data: [
            { value: 10, name: 'A' },
            { value: 50, name: 'B' },
            { value: 90, name: 'C' },
            // 其他数据...
        ]
    }],
    // 其他配置项...
};

上述代码中,visualMap 设置了一个连续型的视觉映射组件,将数据范围从最小值 min 到最大值 max 映射到颜色范围为蓝色到红色之间。在 series 中的数据点通过 value 属性与视觉映射组件关联。

以下是一些常用的 visualMap 配置项:

  •  type: 可以是 'continuous'(连续型)或 'piecewise'(分段型)。

  •  min、max: 数据的最小值和最大值。

  •  inRange: 数据在最小值到最大值范围内的视觉元素配置,比如颜色、大小等。


你可以根据你的具体需求调整这些配置项。同时,请注意查阅你使用的 ECharts 版本的文档,因为在不同版本中可能会有些许差异。


转载请注明出处:http://www.zyzy.cn/article/detail/5292/ECharts