Google Charts で棒グラフを描く1,縦棒グラフ

資料
https://developers.google.com/chart/image/docs/chart_params
URL のパラメータの説明。

縦棒グラフ

サンプル1-1



http://chart.apis.google.com/chart?
cht=bvs
&chs=300x250
&chtt=グラフのタイトル
&chd=t:30,40,70,90,20,50,60,30
&chxt=x,y
&chm=N,ff0000,0,,12

・cht : bvs で縦棒グラフ、lc で折れ線グラフ
・chs : 画像のサイズ (横)x(縦)
・chd : グラフのデータ
・chxt: X軸,Y軸のラベルを表示
  細かい指定がない場合はラベルの文字が適当に表示される。
  細かい指定は chxl, chxs などでできる (下のサンプルを参照)。
・Y軸は表示範囲の指定がない場合、初期値は 0 から 100になっている。
  表示範囲は chxr, chds で指定できる (下のサンプルを参照)。
・chm : N は各データの値の文字の表示指定。色,文字サイズなど
サンプル1-2
X軸にラベルをつける。



http://chart.apis.google.com/chart?
cht=bvs
&chs=300x250
&chtt=グラフのタイトル
&chts=333333,18,c
&chd=t:30,40,70,90,20,50,60,30
&chxt=x,x,y
&chm=N,ff0000,0,,12
&chxl=0:|x1|x2|x3|x4|x5|x6|x7|x8|1:|X軸の説明
&chxs=0,666666,14,0,l|1,333333,16,0
&chxp=1,50

・chts : グラフのタイトルの文字色,文字サイズ,左右位置調整(left,right,center)など
・chx  : x,x,y とすると chx,chxs,chxp などの設定で 0 が X軸の1行目、
  1がX軸の2行目, 2が Y軸になる。
・chx  : 0:|ラベル1|ラベル2|... で X軸のラベルを追加
・chxs : ラベルの文字色,文字サイズ,左右の位置調整(-1,0,1)など
         0,666666,14,0,l の一番最後は L の小文字。X軸の目盛りの線をなしにしている。
・chxp : 「X軸の説明」の表示位置調整, 50は 50% (中央)の位置。
サンプル1-3
Y軸の表示範囲を変える。
Y軸のラベルを指定。
グラフに補助線を入れてみる。



http://chart.apis.google.com/chart?
cht=bvs
&chs=300x250
&chtt=グラフのタイトル
&chts=333333,18,c
&chd=t:50,100,120,170,_,150,40,30
&chxt=x,x,y
&chm=N,ff0000,0,,12
&chxl=0:|x1|x2|x3|x4|x5|x6|x7|x8|1:|X軸の説明|2:|0|50|100|150|(単位)
&chxs=0,666666,14,0,l|1,333333,16,0|2,666666,14,1
&chxp=1,50
&chxr=2,0,200
&chds=0,200
&chg=0,25,1,2

・chxr, chds で Y軸の値の表示範囲を指定
  サンプルでは 0 から 200 にしている。

・chg で X軸, Y軸の補助線を指定
  chg (X軸間隔) (Y軸間隔) (破線の線の幅) (破線の空白の幅) 
  間隔は %で指定していると考えるとわかりやすい。
  Y軸間隔=25 で 25%, 50%, 75%, 100% の位置に補助線。

・chx にY軸のラベルを追加
  chxs に Y軸のラベルのフォント設定を追加

・chd でデータが一部ない場合は?
  0はまずい。 折れ線でデータがない場合を見て
  _ でいいか?、空文字はエラー、スペースもエラー

・補助線やラベルはオート設定機能があるようなのでそちらを使うと便利かも?
  手動だといろいろ計算して調整が必要。
  ただし、オート機能もよくわからん・・・。
サンプル1-4


http://chart.apis.google.com/chart?
chs=360x300
&cht=bvs
&chtt=PC出荷台数,日本
&chts=333333,16,c
&chd=t:1345,1326,1299,1362,1305,1527,1481,1521,1519,1492,1016
&chxt=x,x,y
&chxr=0,2005,2015   /*いらんかも*/
&chds=0,2000
&chg=0,25,1,2
&chxs=0,000000,13,0,l|1,000000,12,1|2,000000,13,1
&chxp=1,100
&chbh=20,8
&chxl=0:|2005|||||2010|||||2015|1:|出典:MM総研|2:|0|500|1,000|1,500|(万台)

inserted by FC2 system