본문 바로가기

JavaScript/JQuery

[jQuery] highChart 만들기

차트가 필요한데...
highchart 라는 것을 알게 되었어요..
기본적으로 jQuery 가 import 되어 있어야 합니다.

첨부된 파일의 압축을 푸시면
다음과 같은 구조가 나타나게 됩니다.

index.htm 파일을 여시면

다음과 같이 예제를 볼 수 있는 화면이 나옵니다.
링크를 누르게 되면 어떤식으로 되어 있는지 확인 할 수 있습니다.



2번째의 Ajax loaded dasta, clickable points 를 눌러서 본 highcharts 입니다.


예제파일은 아까 압축 푼 example 에 있으며 설명은 자세히 코멘트가 되어 있습니다.
(1. 당신의 페이지에 javascript 를 include 시키세요... 이렇게 자세히 영문으로 나와 있습니다 ^^)

view 단의 움직임은 extJs 문법과 비슷하며, 어려운 스킬을 요구하진 않습니다.
(전산영어 알면 다 알듯이.... jQuery 아시는 분이면 다루기 어렵지 않을 것 같아요... )

HighCharts 데모 사이트 에 들어가게 되면 좀 더 유용한 정보(데모들의 view option) 를 얻을 수 있습니다.

아래와 같이 view option 버튼을 눌러 어떠한 옵션이 쓰였는지 확인이 가능합니다.


 



쉽고 쓰기 간편한 highcharts 상업적으로 사용시에는 라이센스 관련하여 잘 보시고 이용 하시기 바랍니다. ^^