Highchart 하이차트 xAxis 개수 제한

​

 

 

https://www.highcharts.com/blog/changelog/

Changelog | Highcharts

​

하이차트 7.2.0 버전을 사용했을 때의 이야기

아마 이 버전포함 이전의 버전도 다 동일할 것이다

(버전정보 링크 위에 남겨두었다)

​

​

​

조회기간에 맞춰 데이터를 조회하고 차트로 표시하는 페이지를 검증하던 중

조회기간을 일주일 혹은 15일, 30일 이렇게 넓게 잡으면 빈 차트로 표시되는 것을 확인했다

코드 상의 문제거나, 코드로 해결할 수 있을거라고 생각하고 열심히 찾아본 결과....

1000개를 초과하는 데이터는 렌더링할 수 없다는 것을 알게됐다ㅋㅋㅋㅋ

api쪽을 들여다보고 구글링을 해봐도 해결이 안돼서 당황했는데 그냥 안되는거였다

혹시 이와 같은 현상으로 헤매는 개발자들을 위해 남겨놓는다

​

 

1000개 초과 x축 데이터 불가! 탕탕 !!

 

 

+내용 수정

 

 

해결 코드

plotOptions:{
    series:{
        turboThreshold:5000  //set it to a larger threshold, it is by default to 1000
    }
}

 

 

이렇게 turboThreshold 값을 변경해주면 된다고 한다! default 값은 1000임

버전 2.2부터 쭉 사용 가능한 옵션이라고 한다

(과거의 나는 왜 못찾았지)

 

관련 api와 코드는 아래 링크를 걸어두었음!

 

 

https://api.highcharts.com/highcharts/plotOptions.series.turboThreshold

Highcharts API Option: plotOptions.series.turboThreshold

https://github.com/highcharts/highcharts/blob/v10.3.3/ts/Core/Series/SeriesDefaults.ts

GitHub - highcharts/highcharts: Highcharts JS, the JavaScript charting framework

=> 여기서 turboThreshold 검색해서 찾아보기

 

 

 

 

댓글로 정보 공유해주셔서 감사합니다