Echarts 将 VisualMap 应用到特定数据点

问题描述 投票:0回答:1

我有一个折线图。我只想更改特定数据点的颜色。我尝试像这样使用 VisualMap:

      visualMap: [
        {
          show: false,
          type: 'piecewise',
          pieces: [
            {
              value: 3,
              color: 'pink',
            },
          ],
          outOfRange: { color: 'green' },
        },
      ],

问题是,它将所有值为 3 的数据点着色为粉红色。我只想为特定点着色(由 x 和 y 值或 id 指定)。

如何实现这一目标?我将数据作为数据集提供给图表:

      dataset: {
        dimensions: ['id', 'observation', 'value'],
        source: this.chart.data,
      },

observation
是x轴类别,
value
是y轴值,
id
只是一个id字符串。

typescript echarts apache-echarts
1个回答
0
投票

我认为不可能将视觉地图应用于特定数据点。

但是,我看到有两种方法可以实现您想要的目标:

  1. 不要使用数据集并使用data.itemStyle代替

  2. 在第一个系列之上使用第二个系列,其中仅包含您的特定值

© www.soinside.com 2019 - 2024. All rights reserved.