今回試したのは、Smoothie Chartsというもので、ストリーミングデータを時系列なラインチャートとして表示するもの。MITラインセンスのオープンソースで、githubにホスティングされてる。
リアルタイムな時系列チャートを描く
このライブラリを使うと、簡単にリアルタイムな時系列チャートが描画できる。使い方は、チュートリアルがあり、本当に簡単すぎる・・・
ポイントとしては、
- canvasタグを利用する。
- setInterval関数を使ってリアルタイムにチャートを更新する。
実際にページ上で使ってみた例が、このキャプチャになります。
ここに動くページを作ってみたよ。
0 件のコメント:
コメントを投稿