[Highcharts] Scrollbars

Scrollbars

Highcharts에서는 크게 두 개의 스크롤바가 있다.

 

1. 모바일의 네이티브 스크롤바

이 스크롤바는 scrollablePlotArea에서 minWidth를 설정함으로써 적용 가능하다. plot의 너비가 설정값보다 작아지면 페이지에 내 div에 스크롤링이 적용되고 축과 타이틀 범례 그리고 가들 엘리먼트는 고정된 채로 있는다. 이는 긴 데이터 시리즈를 좁은 모바일 뷰에서의 지원을 용이하게 한다.  

 

2. API 옵션을 통한 축 스크롤바

이 스크롤바는 축마다 적용가능하고 각 축의 옆부분에 표시된다. Highcharts Stock에서는 어떤 축이든 적용 가능하다.

적용 가능한 모든 옵션은 Highcharts Stock의 API 문서에서 확인 가능하다.

스크롤바는 stock chart나 y축에만 한정되지 않는다. highstock.js 파일을 이용해 일반적인 Highcharts 축에도 적용 가능하다.