Stellen Sie den Wert so ein, dass er von einer anderen Spalte ausgeht

Question

Ich habe 3 Spalten in meiner Tabelle

|week |
|:----|:--|:---|
|. 1 |34 |37 |
|. 2 |44 |21 |
|. 3 |41 |67 |
|. 4 |59 |135 |
|. 5 |49 |102 |
|. 6 |57 |11 |
|. 7 |60 |4 |
|. 8 |47 |53 |

Die erste Spalte wird als x-Achse verwendet

Die zweite Spalte (Prozentzahlen) verwende ich zur Visualisierung im Spline. Die dritte Spalte enthält die Punkte (die ich in der Abfrage generiert habe, um den Prozentsatz für die zweite Spalte festzulegen). Ich möchte die Farbe des Empfehlungs-Splines (%) ändern, wenn die Empfehlungspunkte weniger als 43 Punkte betragen, ohne dass der Empfehlungspunkt-Spline angezeigt wird. Ich weiß nicht, was ich jetzt tun soll

Das ist der Fiddle-Link:

https://jsfiddle.net/czmnra04/< br / >
Familienmitglieder, bitte helfen Sie

Answer 1

如果您想根据第三列的数据来调整颜色，那么在这里使用区域是行不通的，因为它们是基于轴的，而轴是根据第二列的值生成的。

所以，如果您想根据第三列的自定义值来改变第二列中特定点的颜色，您可以使用chart.events.load()回调函数，并使用point.update()方法有条件地更新所有点的颜色。

chart: {
  events: {
    load: function() {
      const chart = this;

      chart.series.forEach(series => {
        series.data.forEach(point => {
          if (point.pts < 43) {
            point.update({
              color: 'red'
            })
          }
        })
      })
    }
  }
}

Demo: https://jsfiddle.net/BlackLabel/ydc3m45n/
API: https://api.highcharts.com/highcharts/chart.events.load
https://api.highcharts.com/class-reference/Highcharts.Point#update