다른 열의 범위로 값 설정

Question

내 테이블에는 3개의 열이 있습니다

|주 % |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포인트 미만인 경우 추천 포인트(%) 스플라인의 색상을 변경하는 것입니다. 지금 무엇을 해야할지 모르겠습니다

이것은 바이올린 링크입니다:

https://jsfiddle.net/czmnra04/< br / >
가족 여러분, 도와주세요

Answer 1

세 번째 열의 데이터를 기반으로 색상을 조정하려는 경우 두 번째 열의 값을 기반으로 생성된 축을 기반으로 영역을 사용하므로 여기서는 영역 사용이 작동하지 않습니다.

그래서 세 번째 열의 사용자 정의 값을 기반으로 두 번째 열의 특정 지점의 색상을 변경하려면 Chart.events.load() 콜백 함수를 사용하고 조건부로 point.update( ) 방법 모든 점의 색상을 업데이트합니다.

으아악

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