Scroll

「常に新しい技術に目を向けること」
「既存の技術をより深堀りすること」

カテゴリ:Web/DTP
タグ:
公開日:2015/06/29(月)

Google chart tools で円グラフ作成

つづきましてはグラフAPIの紹介です。

Google chart tools で円グラフ作成



Google が提供しているAPI「Google chart tools」では色々なグラフが描けるのですが、今回は円グラフに挑戦してみます。

動作検証を行ったのは次のバージョンです。
Google Chrome 43.0.2357.130 m

実行結果


ソースコード

解説


ポントは次の3点です。
1.data.addColumnで項目定義
2.data.addRowsでデータ設定
3.optionsでオプション指定(任意)

たったこれだけです。
動的サイトであってもこのポイント部分が規則的に纏まっているので操作が容易ですね。

参考情報


https://developers.google.com/chart/

無意味なコメント

データは「マツコの知らないデリバリーピザの世界」を観てしまったので御三家を調べたものです。
それにしても昔と違い今ではAPIが充実しているのでWebシステムでもグラフを作るのが苦にならないですね。

この記事を書いた人:えだ

シェアのご協力をお願いいたします!

カテゴリー

アーカイブ