Highcharts-환경 설정

이 장에서는 웹 애플리케이션 개발에 사용할 Highcharts 라이브러리를 설정하는 방법에 대해 설명합니다.

Highcharts는 종속성으로 jQuery가 필요합니다. 먼저 jQuery 라이브러리를 설치 한 다음 Highcharts 라이브러리를 설치합니다.

jQuery 설치

jQuery를 사용하는 방법에는 두 가지가 있습니다.

  • Download− jQuery.com 에서 로컬로 다운로드하여 사용하십시오.

  • CDN access− 또한 CDN에 액세스 할 수 있습니다. CDN은 전 세계의 지역 데이터 센터에 대한 액세스를 제공합니다. 이 경우 Google 호스트입니다. 즉, CDN을 사용하면 자체 서버에서 일련의 외부 서버로 파일 호스팅 책임이 이동합니다. 또한 웹 페이지 방문자가 동일한 CDN에서 이미 jQuery 사본을 다운로드 한 경우 다시 다운로드 할 필요가 없다는 이점도 있습니다.

다운로드 한 jQuery 사용

다음 스크립트를 사용하여 HTML 페이지에 jQuery JavaScript 파일을 포함하십시오.

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

CDN 사용

이 튜토리얼에서는 jQuery 라이브러리의 CDN 버전을 사용하고 있습니다.

다음 스크립트를 사용하여 HTML 페이지에 jQuery JavaScript 파일을 포함하십시오.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
   </script>
</head>

Highcharts 설치

다음은 Highcharts를 사용하는 두 가지 방법입니다.

  • Download− highcharts.com 에서 로컬로 다운로드하여 사용하십시오.

  • CDN access− 또한 CDN에 액세스 할 수 있습니다. CDN은 전 세계의 지역 데이터 센터에 대한 액세스를 제공합니다. 이 경우 Highcharts 호스트-Code.Highcharts.Com.

다운로드 한 하이 차트 사용

다음 스크립트를 사용하여 HTML 페이지에 Highcharts JavaScript 파일을 포함합니다.

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

CDN 사용

이 튜토리얼 전체에서 Highcharts 라이브러리의 CDN 버전을 사용하고 있습니다.

다음 스크립트를 사용하여 HTML 페이지에 Highcharts JavaScript 파일을 포함합니다.

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