Highcharts チュートリアル
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 | 複合チャート |
| 8 | 3D チャート |
| 9 | ゲージチャート |
| 10 | ヒートマップ |
| 11 | ツリーマップ |
次のいくつかの章では、Highcharts の使用方法について具体的に紹介します。
その他の拡張機能