Tetapkan nilai untuk julat dari lajur lain

Question

Saya mempunyai 3 lajur dalam jadual saya

|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 |
Lajur pertama digunakan sebagai paksi-x

 Lajur kedua (nombor peratusan) saya gunakan untuk menggambarkan dalam spline. Lajur ketiga ialah mata (yang saya hasilkan dalam pertanyaan untuk menetapkan peratusan untuk lajur kedua). Apa yang saya mahu ialah menukar warna spline pengesyor (%) jika mata pengesyor kurang daripada 43 mata, tanpa menunjukkan spline mata pengesyor. Saya tidak tahu apa yang perlu dilakukan sekarang

Ini ialah pautan biola:

https://jsfiddle.net/czmnra04/< br / >
Ahli keluarga, sila bantu

Answer 1

Jika anda ingin melaraskan warna berdasarkan data lajur ketiga, menggunakan kawasan tidak akan berfungsi di sini kerana ia berdasarkan paksi, yang dijana berdasarkan nilai lajur kedua.

Jadi, jika anda ingin menukar warna titik tertentu dalam lajur kedua berdasarkan nilai tersuai lajur ketiga, anda boleh menggunakan fungsi panggil balik chart.events.load() dan menggunakan point.update() secara bersyarat ) kaedah Kemas kini warna semua titik.

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
.highcharts.com/class-reference/Highcharts.Point#update