値を別の列の範囲に設定します

Question

テーブルには 3 つの列があります

|週 | % |ポイント |
|:----|:--|:---|
| 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 軸として使用されます

2 番目の列 (パーセンテージ数値) は、スプラインで視覚化するために使用します。 3 番目の列はポイントです (2 番目の列のパーセンテージを設定するためにクエリで生成しました)。私が望むのは、レコメンダ ポイントが 43 ポイント未満の場合、レコメンダ ポイントのスプラインを表示せずに、レコメンダ (%) スプラインの色を変更することです。今何をすべきかわかりません

これはフィドルリンクです:

https://jsfiddle.net/czmnra04/< br / >
ご家族の皆様、ご協力ください

Answer 1

3 番目の列のデータに基づいて色を調整する場合、領域は 2 番目の列の値に基づいて生成された軸に基づいているため、ここでは使用できません。

したがって、3 列目のカスタム値に基づいて 2 列目の特定のポイントの色を変更したい場合は、chart.events.load() コールバック関数を使用し、point .update() メソッドは、すべてのポイントの色を条件付きで更新します。

リーリー

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