[Highchart]Highchart를 사용하기 위한 준비

시작에 앞서 하이차트라는 프로그램은 chart.js파일이 필수적으로 필요하기 때문에

프로그램을 다운받아서 필요한 소스를 챙겨줍니다.

더하여 하이차트는 반응형웹에 적용하기 쉽게 되어있습니다.

즉, 모바일웹에서도 구현이 가능합니다.

이점 참고 해 주시기 바랍니다.

 

먼저 하이차트 프로그램을 다운 받아줍니다.

하이차트 사이트에 와서 'Try for Free' 버튼을 클릭 해 줍니다.

하이차트 첫 페이지의 모습이다.

밑으로 내리면 이런 카드가 보일텐데 Highcharts 9.3.2 버전을 다운받아준다.

따로 win, mac, linux 버전은 없는 것 같다.

참고로 난 windows10 오프라인 환경에서 개발했다.

Highcharts 9.3.2버전을 다운받아보자.

압축을 풀고 폴더를 열어보면 'examples'라는 폴더가 있을것이다.

그곳에 많은 Type의 차트가 있지만 언제 그걸 다 뒤져보고 있겠냐마는..

나는 오프라인 환경에서의 개발이였기 때문에 심심해서 이것저것 만져보았다..

역시 저기 있는 샘플들 전부를 사용해보지는 않았지만

내가 개발에 사용했던 차트들과 옵션들을

앞으로 내 블로그에 세세하게 다뤄볼 예정이다.

 

다음 포스팅때 Type이 'column'인 차트를 다뤄보겠다.