Latest web development tutorials

Highcharts 환경 설정

이 장에서 우리는 웹 페이지에 Highcharts를 사용하는 방법을 소개합니다.

로드 Highcharts는 jQuery 라이브러리를로드해야합니다 전에 있도록 Highcharts는 jQuery를에 따라 달라집니다.

당신이 jQuery를에 익숙하지 않은 경우, 당신의 사이트를 참조 할 수 있습니다 jQuery를 자습서를 .


jQuery를 설치

jQuery를 설치는 다음 두 가지 방법을 사용할 수 있습니다 :

  • 1, 액세스 jquery.com의 다운로드 jQuery를 패키지로 제공된다.
  • jQuery를 리소스를 사용 2, 정적 저장소 사이트 :

    http://cdn.static.w3big.com/libs/jquery/2.1.4/jquery.min.js
  • 3, 사용 jQuery를 자원 바이 정적 저장소 :

    http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

다운로드 방법을 사용하여

다운로드 방식으로, HTML 페이지에서 jQuery 코드의 도입을 사용합니다 :

<head>
   <script src="/jquery/jquery.min.js"></script>
</head>

사용 CDN (권장)

jQuery 라이브러리를로드하는 정적 저장소 사이트를 사용 :

<head>
   <script src="http://cdn.static.w3big.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

설치 Highcharts

Highcharts 설치는 다음 두 가지 방법을 사용할 수 있습니다 :

  • 1, 액세스 highcharts.com는 Highcharts 패키지를 다운로드합니다.
  • 공식에서 제공하는 CDN 주소를 사용 :http://code.highcharts.com/highcharts.js

다운로드 방법을 사용 (권장)

다운로드 방식으로, HTML 페이지 Highcharts 코드의 도입을 사용합니다 :

<head>
   <script src="/highcharts/highcharts.js"></script>
</head>

사용 CDN

사용 CDN 공식 주소는 제공 :

<head>
   <script src="http://code.highcharts.com/highcharts.js"></script>
</head>