하이차트 환경 구성
이 장에서는 웹 페이지에서 하이차트를 사용하는 방법을 소개합니다.
Highcharts는 jQuery에 의존하므로 Highcharts를 로드하기 전에 jQuery 라이브러리를 로드해야 합니다.
jQuery에 익숙하지 않다면 이 사이트의 jQuery 튜토리얼을 참조하세요.
jQuery 설치
jQuery는 다음 두 가지 방법으로 설치할 수 있습니다.
1 jquery.com을 방문하여 jQuery 패키지를 다운로드하세요.
2. Baidu 정적 리소스 라이브러리(http://cdn.code.baidu.com/)의 jQuery 리소스 사용:
http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
다운로드 방법 사용
다운로드 방법을 사용하여 jQuery를 HTML 페이지 코드:
<head> <script src="/jquery/jquery.min.js"></script> </head>
CDN 사용(권장)
Baidu 정적 리소스 라이브러리를 사용하여 jQuery 라이브러리 로드:
<head> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head>
Highcharts 설치
Highcharts 설치는 다음 두 가지 방법을 사용할 수 있습니다.
1. com에서 Highcharts 패키지를 다운로드하세요.
2. 공식 CDN 주소 이용 : http://code.highcharts.com/highcharts.js
다운로드 방법 이용(권장)
다운로드 방법을 이용하여 HTML로 소개해주세요. 페이지 하이차트 코드:
<head> <script src="/highcharts/highcharts.js"></script> </head>
CDN 사용
공식 CDN 주소 사용:
<head> <script src="http://code.highcharts.com/highcharts.js"></script> </head>