HighCharts サンプル

highcharts サンプル

　　ここでは highcharts を使った色々なグラフの例を示します。　参考１　参考２　参考３　参考４

作成例一覧

基本事項･･･････････････JS API Reference 　Demos 　リファレンス　最小限のグラフ　データの表示
line グラフ････････････色々な線表示　線表示装飾　複合チャート
area グラフ･･･････････色々な線表示　複合チャート
column, barグラフ････横棒チャート　積み重ねチャート　複合チャート
Pie チャート等････････ドーナツチャート　鶏頭図
その他のチャート･･････散布図　複数軸チャート

TITLE: チャートのタイトル
SERIES: 描画するデータの値
TOOLTIP: マウスオーバー時表示のツールチップを設定
LEGEND: SERIESの説明
AXES: 縦軸と横軸の説明を設定します。

折れ線グラフ

　■Line chart 01　参考　別窓表示　リスト

　■Line chart 03　参考　別窓表示　リスト

　■Line chart 07　参考　別窓表示　リスト

　■Line chart 02　参考　別窓表示　リスト

　■Line chart 05　参考　別窓表示　リスト

　■Line chart 09　参考　別窓表示　リスト
棒グラフ

　■column chart 02　参考　別窓表示　リスト

　■Bar chart 03　参考　別窓表示　リスト

　■Bar chart 05　参考　別窓表示　リスト
Pie チャート等

　■Pie chart 01　参考　別窓表示　リスト

　■Doughnut chart 03　参考　別窓表示　リスト

　■Polar chart 05　参考　別窓表示　リスト
その他のチャート

　■Scatter chart 03　参考　別窓表示　リスト

　■Scatter chart 01　参考　別窓表示　リスト

　■Scatter chart 05　参考　別窓表示　リスト

　■Mult chart 01　参考　別窓表示　リスト

　■Mult chart 03　参考　別窓表示　リスト

　■Pie chart 07　参考　別窓表示　リスト

参考サイト
- highcharts Highcharts 　Highcharts入門　 Highchartsを使用　基本的な使い方　参考サイト
- highcharts サンプル Highcharts Demos 　グラフを描く　いろいろなグラフ
- その他ライセンス　使ってみる　余白を調節　目盛り間隔　装飾する