Google Chart API Developer's guide

If you write img tag like this,


Chart is displayed like this.





Developer's guide uses "chd=s:" for describing chart data. It's hard to understand the API for me. So I made a sample that uses "chd=t:".

Pie Chart (cht = p)

3D Pie Chart (cht = p3)

width : height = 2.5 : 1

Line Chart (cht = lc)

Line Chart (cht = lxy)

Value of axis-x is from 0 to 100.

chd=t:

First line's value set (x|y)

First line's markers


Second line's value set (x|y)

Second line's markers


Third line's value set (x|y)

Third line's markers

Bar Chart (cht = bhs)

Data Order is opposite order of label.

with chbh parameter

Bar Chart (cht = bvs)

label of axis-x is crushed.

with chbh parameter

Bar Chart (cht = bhg)

Data Order is opposite order of label.

with chbh parameter

Bar Chart (cht = bvg)

with chbh parameter

Venn diagrams (cht = v)

chd=t:
60,40,10 = Tokyo,Osaka,Okinawa
4th parameter is common value between Tokyo and Osaka.
5th parameter is common value between Tokyo and Okinawa.
6th parameter is common value between Osaka and Okinawa.
7th parameter is common value for all (?).

Scatter plots (cht = s)

chd=t
First is axis-x value (10,20,30,40,50,60,70,80,90,100)
Second is axis-y value (5,20,10,30,15,20,40,10,60,80)
Third is scale size of point (60,80,100,60,50,60,30,20,10,10)


You can download this sample source from download link that is bottom of this entry.