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 つの方法があります:
- 1. アクセスhighcharts.comHighcharts パッケージをダウンロードします。
- 2. 公式が提供する CDN アドレスを使用します:https://code.highcharts.com/highcharts.js
ダウンロード方式を使用(推奨)
ダウンロード方式を使用する場合、HTML ページに Highcharts コードを組み込みます:
<head> <script src="../highcharts/highcharts.js.html"></script> </head>
CDN を使用
公式が提供する CDN アドレスを使用します:
<head> <script src="https://code.highcharts.com/highcharts.js"></script> </head>その他の拡張