Highcharts 環境設定

この章では、Web ページで Highcharts を使用する方法を紹介します。

このチュートリアルでは Highcharts と jQuery を組み合わせて使用するため、Highcharts を読み込む前に必ず jQuery ライブラリを読み込む必要があります。

jQuery に詳しくない場合は、当サイトの以下を参照してください。jQuery チュートリアル。


jQuery のインストール

jQuery のインストールには以下の 2 つの方法があります:

  • 1. アクセスjquery.comjQuery パッケージをダウンロードします。
  • 2. Staticfile CDN 静的リソースライブラリの jQuery リソースを使用します:

    https://cdn.staticfile.net/jquery/2.1.4/jquery.min.js
  • 3. 百度静的リソースライブラリの jQuery リソースを使用します:

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

ダウンロード方式を使用

ダウンロード方式を使用する場合、HTML ページに jQuery コードを組み込みます:

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

CDN を使用(推奨)

Staticfile CDN 静的リソースライブラリを使用して jQuery ライブラリを読み込みます:

<head>
   <script src="https://cdn.staticfile.net/jquery/2.1.4/jquery.min.js"></script>
</head>

Highcharts のインストール

Highcharts のインストールには以下の 2 つの方法があります:

ダウンロード方式を使用(推奨)

ダウンロード方式を使用する場合、HTML ページに Highcharts コードを組み込みます:

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

CDN を使用

公式が提供する CDN アドレスを使用します:

<head>
   <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
その他の拡張