B3Sロゴ
menu close

Web/DTP

Google chart tools で円グラフ作成


えだ

更新日:2021/08/04


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