Google Chart API (一) - Chart Wizard

Google Chart API (一) - Chart Wizard

Google API 提供一個很好用的圖型產生API，只有提供參數給它，它就能產生您所想要的圖型，很好用，下面就開始為您介紹。



圖型產生精靈：http://imagecharteditor.appspot.com/

直接點選您所想要的圖型，進入參數設定。

我們用Horizontal bar Chart做介紹

設定左邊數值時，右邊圖型和下方程式碼會自動跟著改變

設定完後，下方程式碼就能拿來使用了

新增一個網站，簡單加入一個html的img就可以了

將精靈中的程式碼掛到img的src中

注意!!程式碼最好先貼到網頁上，這樣他會自動幫您轉為html路徑才不會出現找不到圖片

執行程式，圖片就會出現您所設定的圖型

要修改只要修改路徑中的參數
http://chart.apis.google.com/chart?chxr=0,0,160&chxt=y&chbh=a&chs=440x220&cht=bvs&chco=4D89F9&chds=0,160&chd=t:10,50,60,80,40,60,30&chtt=Horizontal+bar+chart


是不是很簡單，不需要再掛什麼外掛套件，又有精靈可以用，超方便的!




參考文獻：1、http://code.google.com/intl/zh-TW/apis/chart/
                    2、http://code.google.com/intl/zh-TW/apis/chart/docs/chart_wizard.html