Highchart 하이차트 xAxis 개수 제한

Changelog | Highcharts

Changelog [changelog3] [to-top-button]

www.highcharts.com

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

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

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

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

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

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

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

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

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

+내용 수정

해결 코드

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

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

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

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

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

Highcharts API Option: plotOptions.series.turboThreshold

When a series contains a data array that is longer than this, only one dimensional arrays of numbers, or two dimensional arrays with x and…

api.highcharts.com

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

Highcharts JS, the JavaScript charting framework. Contribute to highcharts/highcharts development by creating an account on GitHub.

github.com

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

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

728x90