可以使用 ECharts 的 series 中的 itemStyle 属性来设置散点图中每个点的颜色。具体步骤如下:

  1. 在 option 中添加一个 series,类型为 scatter。

  2. 在 series 中添加 data,每个数据项包含 x、y 坐标和对应的颜色值。例如:

    data: [
      [10, 20, '#FF0000'],
      [20, 30, '#00FF00'],
      [30, 40, '#0000FF']
    ]
    
  3. 设置 itemStyle 属性,其中 normal 属性用于设置普通状态下的样式,emphasis 属性用于设置高亮状态下的样式。在 itemStyle 中设置 color 属性,值为一个回调函数,根据当前数据项的颜色值来设置颜色。例如:

    itemStyle: {
      normal: {
        color: function(params) {
          return params.data[2];
        }
      }
    }
    

完整代码示例:

option = {
  series: [{
    type: 'scatter',
    data: [
      [10, 20, '#FF0000'],
      [20, 30, '#00FF00'],
      [30, 40, '#0000FF']
    ],
    itemStyle: {
      normal: {
        color: function(params) {
          return params.data[2];
        }
      }
    }
  }]
};
echarts-散点图设置每个点不同颜色

原文地址: https://www.cveoy.top/t/topic/rZS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录