ECharts 中的组件 visualMap 指定渲染数据某一维度

文章目录

    • 需求
    • 分析
    • 解决

需求

ECharts中可以让visualMap指定渲染某一列吗 或指定渲染某个维度

分析

想让visualMap指定渲染某一列,可以使用visualMap.dimension属性来指定映射的数据维度2。

解决

例如,如果有一个散点图,其中每个点的数据是[x, y, z],您可以这样设置visualMap:

visualMap: {
  dimension: 2, // 指定映射第三个维度(z)
  min: 0,
  max: 100,
  inRange: {
    color: ['#50a3ba', '#eac736', '#d94e5d']
  }
}

这样,visualMap就会根据第三个维度(z)的值来改变每个点的颜色。

你可能感兴趣的:(数据可视化开发,echarts,前端,javascript)