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>