Google chart 使用小結

想要使用Google chart顯示圖表，一般先創建一個img對象，然後設置其src屬性即可。如下：

<img src="http://chart.apis.google.com/chart?chs=250x100&amp;chd=t:60,40&amp;cht=p3&amp;chl=Hello|World" />.

其中chs爲圖片大小，chd爲數據值。&amp是連接字符串。

注意：在js中，如果要通過更改src值，動態改變圖表內容時，一定要把&amp改成&，否則圖片不能正確顯示。

以下是一個同時顯示x,y軸的折線圖
<img src="http://chart.apis.google.com/chart?chs=300x150&amp;chd=t:10,10,10,10,10,8,6,8,8,7,6,4,2.8,4,10,10,10,10,10,7,7,7,7&amp;cht=lc&amp;chxt=x,y&amp;chxl=0:|0:00|3:00|6:00|9:00|12:00|15:00|18:00|21:00|24:00|1:|0|2|4|6|8|10|12|&amp;chds=0,14" />

cht=lc 設置圖表類型爲折線圖；

chxt=x,y 同時顯示x,y軸;

 

chxr=
<axis_index>,<start_val>,<end_val>,<step>
|...|
<axis_index>,<start_val>,<end_val>,<step>

設置各軸顯示的起始刻度，刻度間隔；如：

chxt=x
chxr=0,10,50,5

 

也可直接設定軸刻度：

chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

 

chds=0,14 設定y軸的範圍