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)的值来改变每个点的颜色。

猜你喜欢

转载自blog.csdn.net/qq_53810245/article/details/131213802