2012-11-30

Google Chart API使用網址URL快速製作長條圖

Google Chart API 是Google提供的線上製作圖表工具,它可直利用網址URL製作出使用者想要的圖表,當然也可以使用程式碼控制製作,上回介紹製作圓餅圖,那麼今天簡單來介紹一下長條圖,如何使用網址URL快速製作。



範例一:(簡單版)

https://chart.googleapis.com/chart?cht=bvg&chd=t:40,60&chs=200x100&chl=%E7%94%B7%E7%94%9F|%E5%A5%B3%E7%94%9F&chm=N*f0*,000000,0,-1,11


點擊上面的連結即可以看到下面的長條圖表。




相關參數說明:

cht=bvg(長條圖)
chd=t:40,60(數值)
chs=200x100(圖片大小)
chl=男生|女生(名稱)
chm=N*f0*,000000,0,-1,11
(型態是浮點數,顏色標示00000黑色,字碼為11)


若要將放置網頁裡面,將它變成圖片引用進來即可。如下程式碼。

<body>
<img src="https://chart.googleapis.com/chart?cht=bvg&chd=t:40,60&chs=200x100&chl=%E7%94%B7%E7%94%9F|%E5%A5%B3%E7%94%9F&chm=N*f0*,000000,0,-1,11" />
</body>

範例二:(進階版)





加入的參數為,多了隔線,並且較明顯的標示出。
chxt=x,y(兩維的圖)
chg=10,20(格線設定)


如果對於使用URL設定感覺困擾或是麻煩的話,或是想更多了解相關參數,Google也有提供工具,使用者可以依照設定進行更改動作。


Chart Wizard工具網址:
https://developers.google.com/chart/image/docs/chart_wizard?hl=zh-TW




Related Posts Plugin for WordPress, Blogger...
无觅相关文章插件,快速提升流量
友荐云推荐




沒有留言:

張貼留言