3
Oct

Another undocumented Google Chart API

前陣子Google Docs中開始可以使用Tex的語法讓學生、研究人員可以在Google文件中編輯方程式,而這些方程式的呈現方式其實是用Google Chart API所繪製的(看來Google Chart API沒說的秘密還真多,不過這個在Google主要產品之一出現的內容,應該不難發現,所以似乎也算步上什麼秘密?)。

上圖便是用Google Chart API所繪製的方程式,使用方法很簡單:

http://chart.apis.google.com/chart?cht=tx&chs=1x0&chf=bg,s,FFFFFF00&chco=000000&chl=f(x)=\int_{-\infty}^x%20e^{-t^2}dt

將上面的網址最後的chl參數代換成您想要的方程式即可。當然如果您希望方程式有點顏色,您可以修改chco參數,至於其他參數我就不太清楚用途了。(身為研究生,我只是單純想在論文裡面告訴老師我用了什麼方程式啊~XD謎之聲:研究生直接用LaTex寫就好啦!)

您可以在Google搜尋tex online或latex online,可以找到幾個好用的線上編輯器(當然您也可以直接使用Google Docs),倘若您的網站或是應用程式需要呈現大量的數學方程式,這應該是個不錯的工具。

Category : Google API | Blog
3
Oct

有持續在關心Google技術發展的朋友應該會發現,近來Google API文件中文版越來越完整,例如Google App Engine、Google Maps甚至是本篇的主題Google Chart API幾乎都有完整的中文版文件(而且非常貼心的是,繁體中文版與簡體中文版是不同的,有依照語言習慣、專有名詞進行翻譯)。

今天要談的是所謂Undocumented Google Chart API,也就是官方文件裡沒提到的秘密,總共有下列幾種:

  1. 帶有外框的文字圖片(Chart Type for text with outline), 本文一開頭的圖片便是使用Google Chart API所產生的文字圖片
  2. 地圖指標(Chart Type for map pins),可以用來放在Google Maps或是其他網站上的icon使用。
  3. 對話方塊(Chart type for information bubbles,應該翻譯成資訊氣球、資訊泡泡?)
  4. 便利貼(Chart types for sticky notes),這邊可以注意到字型比較接近新細明體,不如上圖中的文字飽滿,顯然某些中文字型的支援度是分開處理的。

這些圖片的參數在下面的連結裡面都有非常詳細的解說,就不在此贅述,使用時也請注意畢竟是非正式的版本,很有可能會修改甚至移除該服務,若要用來在您的產品上應用請小心;另外是中文字型的處理,效果在某些時候不是特別好,如果要大量使用可能要先評估。

References

Category : Google API | Blog
7
Dec

今天發現Google Chart API這個Google推出的有趣網路服務,使用者只需要將想要圖像化的數據內容,透過網址的參數傳遞方式便可產生對應的圖表,範例如下:

上面這張圖片是直接指向"http://chart.apis.google.com/chart?cht=p&chd=s:world5&chs=200x125&chl=A|B|C|D|E|F"這個網址的圖片,其中幾個重要的參數如下:

  • http://chart.api.google.com/chart?是Chart API的網址
  • cht是圖片類型,圓餅圖、長條圖....等等
  • chs=200x125代表圖片size(以pixel為單位)
  • chd則是指定圖表的數據資料,格式在Google Chart API的網頁上有說明:
    • Upper case A = 0, B = 1 and so on to Z = 25.
    • Lower case a = 26, b= 27 and so on to z = 51.
    • Zero (0) = 52 and so on to 9 = 61.
    • Specify a missing value with an underscore (_).
    • If you have more than one set of data, separate each set with a comma (,).

稍微改一下參數就可以變成3D的立體圓餅圖了:D(不過文字標示部份怪怪的,等要用到再來研究研究吧:D)

詳細的說明就請上Google Chart API的說明網頁吧!

Category : Google | 程式設計 | Blog