これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 0
![]()
たくさんのサンプルが用意されています。一気に紹介します。
0
![]()
線グラフです。
0
![]()
途中で途切れた曲線のグラフも描けます。
0
![]()
棒グラフです。
0
![]()
マウスオーバーで値を表示できます。
0
![]()
積み上げグラフです。
0
![]()
円グラフです。
0
![]()
レーダーチャート。
0
![]()
範囲グラフ。
0
![]()
ローソクチャートです。
0
![]()
滑らかな曲線のグラフです。
0
![]()
マウスオーバーでグリッドが表示されます。
0
![]()
マウスズームのデモです。
0
![]()
マウスで一部の範囲を指定できます。
0
![]()
折れ線グラフです。
0
![]()
マイナスの値にも対応。
0
![]()
クリックでリアルタイムにグラフを描きます。
0
![]()
画像ダウンロードにも対応しています。
0
![]()
データを表計算で見せる機能も。
0
![]()
タイトル部分もカスタマイズできます。
0
![]()
グラデーションもできます。
0
![]()
タイムライン表示です。
0
![]()
マーカーをつけることもできます。
0
Flotr2で表現できるグラフは基本として線、棒、ローソク、円、バブルとなっています。対応ブラウザはHTML5を利用できる必要があります。ただしIEについてはIE6からサポート対象になっています。もちろんスマートフォン対応です。 0
Flotr2はHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録(500円/月)はこちらから! プレミアムユーザのログインはこちらから 0
HumbleSoftware/Flotr2 - GitHub












アンケート