Google chart tools で円グラフ作成


2016年7月20日

つづきましてはグラフ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システムでもグラフを作るのが苦にならないですね。

Web/DTP

Posted by えだ