YokulはJavaScript/HTML5製のオープンソース・ソフトウェア。Webサービスで工数がかかりやすいのがグラフの表示だ。システムから得られるデータを使って動的に変化させるため作るのが大変だ。そんな中、よく使われるのがGoogle Chart APIだ。 0
サンプル
0
Google Chart APIを使えば画像ベースのグラフが簡単に作成することができる。しかし場合によっては外部にデータを渡すために利用できないかもしれない。そんな時に使えるのがYokulだ。 0
YokulはGoogle Chart API互換のグラフライブラリだ。さらに面白いのがサーバサイドの仕組みを用いないことだ。つまりCanvasタグを使ってJavaScriptだけでグラフを描くのだ。使い方も簡単で、これまではimageタグのsrcに指定した内容を、data-srcに指定するだけだ。 0
こんな複雑なグラフも
0
後はYokulのJavaScriptがdata-srcの内容を読み込んでGoogle Chart APIそっくりのグラフを描き出す。今の所は棒グラフにのみ対応し、今後円グラフなどに広がっていく。Canvasで描くだけにJavaScriptからのダイナミックな操作にも対応しており、使い勝手の良さそうなライブラリだ。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート