Google 的繪圖服務

Google程式

簡介

網址服務

JavaScript

搜尋服務

繪圖服務

AppScript

Python

Java

GAE

Android

相關訊息

相關網站

相關文獻

最新修改

訊息

相關網站

參考文獻

最新修改

簡體版

English

Google 圖形 API 的使用非常簡單,基本上您可以直接在網址列上輸入下列格式的網址,就可以看到繪圖的結果了。

http://chart.apis.google.com/chart?<parameters>

通常參數區包含 cht (繪圖類型, Chart Type), chs (繪圖大小, Chart Size), chd (繪圖資料, Chart Data), chl (區域標記, Chart Label) 等基本參數。

舉例而言,以下網址將繪出男女比例為 51:49 的 3D 圓餅圖。

http://chart.apis.google.com/chart?cht=p3&chs=250x100&chd=t:51,49&chl=Male|Female

chart?cht=p3&chs=250x100&chd=t:51,49&chl=Male|Female

圖表精靈

為了幫助大家很方便的繪圖,而不需要記那麼多的參數,Google 提供了一個圖表精靈的網頁如下,幫您產生繪圖網址。

http://code.google.com/intl/zh-TW/apis/chart/docs/chart_wizard.html

但是我覺得圖表精靈並不好用,我比較喜歡使用 Live Chart Playground 測試結果後在將網址貼上,以下是Live Chart Playground 的網址。

http://code.google.com/intl/zh-TW/apis/chart/docs/chart_playground.html

參數:繪圖型態 (cht)

cht 繪圖類型
p 圓餅圖 (pie graph)
p3 3D 圓餅圖 (pie 3D)
lc 折線圖 (line curve)
lxy 折線圖
ls Sparkline
bhs 長條圖 (bhs, bhg, bvs, bvg)
v 文氏圖 (Venn's Diagram)
s 散布圖 (Scatter Diagram)
r 雷達圖 (Rada)
rs 多條雷達圖 (Rada)
t 地理分布圖
gom Google 指數
tx LaTeX 數學公式 (Mathematical TeX Formulas)

參數:繪圖資料 (chd)

chd 的語法如下所示

chd=t:val,val,val|val,val,val…

舉例而言,下列網址是顯示長條圖的資料語法。

http://chart.apis.google.com/chart?cht=bvs&chs=400x200&chco=4D89F9,C6D9FD&chd=t:10,50,60,80,40|50,60,100,40,20&chds=0,160

其顯示圖形如下所示。

chart?cht=bvs&chs=400x200&chco=4D89F9,C6D9FD&chd=t:10,50,60,80,40|50,60,100,40,20&chds=0,160

創意圖形

只要發揮創造力,Google Chart 有時可以畫出很美麗的圖形,以下是一個範例。

http://chart.apis.google.com/chart?cht=lxy&chd=t:0|0&chco=F58CA2&chds=-100,100,-75,75&chs=450x450&chfd=0,t,0,100,.05,sin(t)*(exp(cos(t))-2.0*cos(4.0*t)-sin(t/12.0)^5)*20|1,t,0,100,.05,cos(t)*(exp(cos(t))-2.0*cos(4.0*t)-sin(t/12.0)^5.0)*20-10&chf=c,lg,90,FFE7C6,0,76A4FB,1|bg,s,EFEFEF&chxt=x,y&chxs=0,000000,0,0,_|1,000000,0,0,_

12.0)^5.0)*20-10&chf=c,lg,90,FFE7C6,0,76A4FB,1|bg,s,EFEFEF&chxt=x,y&chxs=0,000000,0,0,_|1,000000,0,0,_

參考文獻

  1. Google Chart API (開發人員指南) — http://code.google.com/intl/zh-TW/apis/chart/
  2. Google Chart Gallery — http://code.google.com/apis/chart/docs/gallery/chart_gall.html
  3. http://code.google.com/apis/chart/docs/gallery/chart_gall.html
  4. http://code.google.com/apis/ajax/playground/#pie_chart

Facebook

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License