Highcharts チュートリアル

Vx4_Psj1

Highcharts は純粋なJavaScriptで書かれたチャートライブラリです。

Highcharts は、WebサイトやWebアプリケーションにインタラクティブなチャートを簡単かつ便利に追加できます。

Highcharts は個人学習、個人サイト、非営利目的での使用に無料で提供されています。


HighCharts の特徴

  • 互換性- すべての主要ブラウザとモバイルプラットフォーム(Android、iOSなど)をサポートします。
  • マルチデバイス- スマートフォン(iPhone/iPad)、タブレットなどのデバイスをサポートします。
  • 無料で使用可能- 個人が無料で学習用に使用できます。
  • 軽量- highcharts.js コアライブラリのサイズは約35KBです。
  • 簡単な設定- JSON形式で設定します。
  • 動的- チャート生成後に変更できます。
  • 多次元- 多次元チャートをサポートします。
  • ツールチップ設定- マウスをチャート上のポイントに移動するとヒント情報が表示されます。
  • タイムライン- ミリ秒単位で正確に表示できます。
  • エクスポート- チャートはPDF/PNG/JPG/SVG形式でエクスポートできます。
  • 出力- Webページにチャートを出力します。
  • ズーム可能- チャートの一部を選択して拡大し、近くで観察できます。
  • 外部データ- サーバーから動的データを読み込みます。
  • テキスト回転- ラベルを任意の方向に回転できます。

対応しているグラフの種類

HighChartsがサポートするグラフの種類:

番号グラフの種類
1折れ線グラフ
2エリアチャート
3円グラフ
4散布図
5バブルチャート
6動的チャート
7複合チャート
83D チャート
9ゲージチャート
10ヒートマップ
11ツリーマップ

次のいくつかの章では、Highcharts の使用方法について具体的に紹介します。

その他の拡張機能