내 테이블에는 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 / >
가족 여러분, 도와주세요
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
세 번째 열의 데이터를 기반으로 색상을 조정하려는 경우 두 번째 열의 값을 기반으로 생성된 축을 기반으로 영역을 사용하므로 여기서는 영역 사용이 작동하지 않습니다.
그래서 세 번째 열의 사용자 정의 값을 기반으로 두 번째 열의 특정 지점의 색상을 변경하려면 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