Google Chart img の記述パラメータ

記述例
 <img src="http://chart.apis.google.com/chart?cht=lc&chs=250x150&chd=t:58,22,84 (パラメータを&で繋ぐ) ">
パラメータ  意 味 記 述
cht=[?] グラフの種類
chs=[nxn] グラフのサイズ
  • chs=250x150  (幅 X 高さ)
chd=[?]:[n,…|…] チャートデータ
  • chd=t:10,15,4,60,45|30,23,73,24,87 (データ系列を|で区切る)系列順、系列毎 x,y順
  • t:数値形式、s:簡易形式(A-Z,a-z,0-9)、e:拡張形式(s形式に-.の2つを加えた64進2桁で表示)
chco=[n],[n],… データの色
  • chco=ff0000|0000ff  データ系列毎に256色を|で区切って指定
chf=[?],[?],[n]|・・・
背景,エリア色
(グラデーション)

(ストライプ)
  • chf=bg,s,eeeeee|c,s,bbbbbb 対象が背景ならbgで、エリアならcで、|で区切って指定。s は一様色
  • chf=c,lg,45,ffffff,0,0000ee,1 lgでグラデーション色を指定。
      対象,lg,角度,色1,オフセット1,色2,オフセット2,・・・,色n,オフセットn と記述
  • chf=bg,s,eeeeee|c,ls,45,ffffff,0,0000ee,1 lsでストライプ色を指定。
      対象,ls,角度,色1,幅1,色2,幅2,・・・,色n,幅n と記述
chtt=[?] グラフタイトル
  • 空白は「+」、改行は「|」、日本語は文字コード UTF-8 で記述します。
chts=[?,?] タイトル色とサイズ
  • 256色,ピクセル   例: chts=ff0000,24
chdl=[?|?|・・・] 系列毎のラベル
  • chdl=データ1|データ2|・・・のように、凡例のラベルを表示。色はデータの色に同じ
chl=[?|?|・・・] 円グラフのラベル
  • chl=データ1|データ2|・・・のように、凡例のラベルを表示。色はグレー
chxt=[?],[?],・・・] 軸目盛の表示位置
  • chxt=x,y,rのように記述。表示位置: x= X軸下辺、t= X軸上辺、y= Y軸左辺、r= Y軸右辺
chxl=n:|?|?|・・・ 軸目盛の表示文字
  • chxl=0:|0|5|10|15|1:|Min|Maxのように記述。 n は軸インデックス
chxp=n,?,?,・・・ 軸目盛の表示
  • chxp=0,0,50,100|1,10,50のように記述。 n は軸インデックス、位置は 0-100の間で指定
chxr=n,?,?,・・・ 軸の開始と終了
  • chxr=0,0,500|1,200,0のように記述。 n は軸インデックス、開始→終了で指定
chds=a 目盛の自動表示
  • chds=a で、目盛を最小値(正の値の時は0)と最大値の間で自動設定します。
chxs=n,?,?,?,?|・・・ ラベル色等の指定
  • chxs=0,0,500|1,200,0のように記述。インデックス,色,フォントサイズ,水平位置|・・・の順
chbh=?,?,? 棒グラフの設定
  • chxh=23,4,8(default値)の様に記述。棒の幅,別の系列との間隔,グループの間隔・・・の順
chls=?,?,?|・・・ 折れ線の設定
  • chls=2,4,3|1,1,0の様に記述。線の太さ,非破線部の長さ,破線部の長さ|・・・・の順
chg=?,?,?,? 補助線を引く
  • chg=20,50,3,5の様に記述。水平間隔,垂直間隔,線の長さ,破線部の長さ (折れ線&散布図)
chm=?,?,?,?,?|・・・ マーカを設定
  • chm=c,00ff00,0,2,20.0|・・・ マーカ種,色,系列,データインデックス,サイズ (折れ線&散布図)
      マーカ: a 矢印、c 十字、d ダイアモンド、o 円、s 四角、v X軸からデータまでの垂直線、
      V X軸上から上辺までの垂直線、h Y軸上から右辺までの水平線、x バツ印
帯状に塗り潰す
  • chm=r,ff0000,0,0.75,0.25|R,0000ff,0,0.75,0.25 r(水平)又はR(垂直),色,未使用,始点,終点(0-1)
線間を塗り潰す
  • chm=B,ffeeaa,0,0,0|b,aaffee,0,1,0 b(X軸間はB),色,開始系列,終了系列,未使用|・・・
  • 注1. 簡易形式 A-Z: 0-25, a-z: 26-51, 0-9: 52-61, 欠データ=_,例: B=1,c=28,2=53,・・・  参考
  • 拡張形式 AA=0,AB=1,AZ=25,Az=51,A9=61,A-=62,A.=63,BA=64,B.=127,9.=3967,.z=4083,..=4095,欠データ=__  参考
参考: image Charts Gallery  Parameters  複合 Chart  image Chart  Chart editor  Image Chart API入門  Chart Wizard