Highcharts 4.1.4
歩み値からチャートについて
Flotr2 で頑張ってみたけど
X軸値が日付（タイムスタンプ）のせいか、うまくローソクの幹を描画できなかったので
Highcharts を試してみる。
バージョンアップが行われたので、念のため新しく書き直し。
新記事：Highcharts 4.2.1
Highcharts 4.1.4
Highstock 2.1.4
Highmaps 1.1.4
Highcharts：Download
ここにダウンロード用のリンクがある。
Highcharts 4.1.4
Highstock 2.1.4
Highmaps 1.1.4
３種あり、Highstock Demos › Candlestick を見る限りでは
ローソク足を実現するには、Highstock みたい。
必要な物だけをパッケージしてくれる
Download builder (experimental)
というものもある。
Highcharts へリンクを張るのでもいいみたい。
… or just grab the files directly from code.highcharts.com.
- <script src="http://code.highcharts.com/stock/highstock.js"></script>
- <script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
- $( '#chart_candlestick' ).highcharts( 'StockChart', getOptions() );
Highcharts：Options Reference
Highcharts
Highstock
→部品説明
Highmaps
データがアップデートされたときに、ナビゲーターを最適化するか。
これを false にして、リアルタイム更新グラフを作成すると
X軸の表示幅が自動で変更にならないので
グラフは生成されているのに、見えないエリアが出てくる。
デフォルトは true。
プロットマーカーの表示、非表示。
- enabled: false,
データ個数最大値。
デフォルトが 1000。
0 で無制限。
PILOG：Highcharts JSは1000件を超えるデータはプロットできません。デフォルトでは。
0 に設定すると、縦のグリッド線は引かれない。
X軸ズームの最低値。
X軸値の表示幅？
| 識別子 | 内容 |
|---|---|
| %Y | 西暦：４桁 |
| %y | |
| %m | 月：２桁（0Full） |
| %b | 月：英語３桁 |
| %d | 日：２桁（0Full） |
| %e | |
| %H | 時：２桁（0Full） |
| %M | 分：２桁（0Full） |
| %S | 秒：２桁（0Full） |
| %L | ミリ秒：３桁（0Full） |