Latest web development tutorials

Highcharts環境の構成

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

HighchartsはjQueryのに依存するため、Highchartsをロードする前にjQueryライブラリをロードする必要があります。

あなたはjQueryを使って慣れていない場合は、のサイトを参照してください。することができますjQueryのチュートリアルを


jQueryのをインストールします。

jQueryのインストールには、次の2つの方法を使用することができます。

  • 1、アクセスjquery.com jQueryのパッケージをダウンロードしてください。
  • jQueryのリソースを使用して2、静的リポジトリサイト:

    http://cdn.static.w3big.com/libs/jquery/2.1.4/jquery.min.js
  • 3、jQueryのリソースBaiduの静的リポジトリを使用して:

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

ダウンロードする方法を使用します

ダウンロード方法、HTMLページでjQueryのコードの導入を使用します。

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

使用CDN(推奨)

jQueryライブラリをロードするために、静的リポジトリサイトを使用します。

<head>
   <script src="http://cdn.static.w3big.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

インストールHighcharts

Highchartsインストールには、次の2つの方法を使用することができます。

  • 1、アクセスhighcharts.com Highchartsパッケージをダウンロードしてください。
  • 2、公式が提供するCDNアドレスを使用して:http://code.highcharts.com/highcharts.js

ダウンロードする方法を使用する(推奨)

ダウンロード方法、HTMLページHighchartsコードの導入を使用します。

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

使用CDN

使用CDNの公式アドレスが提供されています:

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