1. 하이차트 데모(http://www.highcharts.com/demo/) 웹 페이지에 접속합니다.

   ① 대메뉴 중 DEMO GALLARY 메뉴의 서브메뉴인 Highcharts Demos 메뉴를 클릭하여 접근합니다.



2. 대메뉴 중 DEMO GALLARY 메뉴의 서브메뉴인 Highcharts Demos 메뉴를 클릭하여 접근합니다.

   ① 좌측에 있는 리스트가 구현 가능한 그래프/차트의 종류입니다.(bar타입, line타입, pie타입 등 다양합니다.)

   ② Edit in jsFiddle 버튼을 누르면 그래프가 구현된 소스를 수정할 수 있는 창으로 이동합니다.



3. 좌측에 사용할 수 있는 그래프/차트의 목록입니다. 클릭 시 상세 정보/데모 페이지를 확인할 수 있습니다.

   ① 참조되어있는 js파일입니다. 저는 구현 시 js파일을 다운로드 받아 웹소스가 저장되어있는 서버에 따로 저장하여 

       참조하였습니다.

   ② JAVASCRIPT로 구성된 그래프 구현 소스입니다. 각 수치와 옵션(CSS, title 등..)들이 정의됩니다.

   ③ 소스 수정 후 Run 버튼을 누르면 변경한 소스가 적용됩니다.

   ④ 변경한 소스가 적용된 그래프의 결과가 표현됩니다.




하이차트 홈페이지 : http://www.highcharts.com/

Posted by 준콩ol 준콩ol

댓글을 달아 주세요

  1. zerataul 2013.01.07 14:02  댓글주소  수정/삭제  댓글쓰기

    이 차트는 무료인건가요??
    나중에 고칠수 도 있나요>

  2. 준콩ol 준콩ol 2013.01.08 17:22 신고  댓글주소  수정/삭제  댓글쓰기

    비상업적 용도일 경우 무료로 사용할 수 있고
    상업적인 용도로 사용하시려면 라이센스를 구매해야합니다.

    홈페이지에 커스터마이징할 수 있는 데모 페이지가 있어서
    개발자가 수정 가능합니다.