從另一列將值設為區域

Question

在我的表格中有3列

|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 |

第一列用作x軸

第二列（百分比數字）我用來在樣條線中可視化。第三列是點數（我在查詢中生成，用於設定第二列的百分比）。我想要的是，如果推薦者點數小於43個點，就改變推薦者（%）樣條線的顏色，而不顯示推薦者點數的樣條線。目前就不知道咋辦了

這是fiddle連結：

https://jsfiddle.net/czmnra04/

家人們幫一下

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

#