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

Question

In meiner Tabelle gibt es 3 Spalten |week|%|pts||:----|:--|:---||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 ist die Anzahl der Punkte (die ich in der Abfrage generiert habe, um den Prozentsatz der zweiten Spalte festzulegen).

P粉203792468 · Answer

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

所以，如果您想根据第三列的自定义值来改变第二列中特定点的颜色，您可以使用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

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

Antworte allen(1)Ich werde antworten