少年幃禿的煩惱


心情也微微的...凸

最近的學習心得 都改放到 少年幃禿的煩惱@Google Sites

2008/08/06

Google Chart API (9) - Bar charts

用法: cht=<bar chart type>
其中 <bar chart type> 可以是 bhs, bhg, bvsbvg:

  • 根據不同類型的圖表, 多組資料可能是堆疊在一起或是在同一組的條型圖


參數:
cht=bhs | cht=bvs
分別是水平跟垂直方向的條型圖, 同位置的資料會堆疊在一起


說明:
一組資料

範例:



說明:
兩組資料
如圖所顯示的, 不同組的資料會堆疊在一起, 所以必須將每組資料指定不同的顏色. 當然也可以替每個資料加上各自的顏色. 細節部分請參考 Colors.
還有此範例並沒有指定資料比例, 所以超過 100 的資料並沒有顯示出來.
範例:



說明:
把上個範例指定了資料比例, 長條就會依照比例正常顯示

範例:




參數:
cht=bhg | cht=bvg

說明:
分別是水平跟垂直方向的條型圖, 同位置的資料會放在一起做比較


範例:

注意: 這裡只有顯示出一小部分


參數:
chbh

說明:
條型圖的圖形大小比其他種類的圖形難處理.
不論是橫的 bhsbhg 或是豎的 bvsbvg, 圖形大小都是決定於 chs 參數. 但是當尺寸指定太小時圖表就會被剪裁掉.
因為這個原因所以你可以參照 bar width and spacing 來指定額外的參數
chbh= <bar width in pixels>, <optional space between bars in a group>, <optional space between groups>
注意: 假如沒有提供第三個參數, 則預設為每組之間空格的一半.

範例:

省略了 chbh 所以圖形有被剪裁掉一些

chbh=10