Highcharts-environment-setup
提供:Dev Guides
ハイチャート-環境設定
この章では、Webアプリケーション開発で使用されるHighchartsライブラリの設定方法について説明します。
ハイチャートには、依存関係としてjQueryが必要です。 まず、jQueryライブラリをインストールしてから、Highchartsライブラリをインストールします。
jQueryをインストールする
jQueryを使用するには2つの方法があります。
- ダウンロード-https://jquery.com/[jQuery.com]からローカルにダウンロードして使用します。
- * CDNアクセス*-CDNにもアクセスできます。 CDNを使用すると、世界中の地域のデータセンターにアクセスできます。この場合、Googleホスト。 これは、CDNを使用することで、ファイルをホストする責任を独自のサーバーから一連の外部サーバーに移すことを意味します。 これには、Webページの訪問者が同じ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を使用する2つの方法です。
- ダウンロード-https://www.highcharts.com/[highcharts.com]からローカルにダウンロードして使用します。
- * CDNアクセス*-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>