2013年3月1日 星期五

Google Chart API 簡介


忙了兩天終於把 Google Chart API 筆記整理好了, 部分是參考官網翻譯的, 供以後備忘參考.

Google Chart API 簡介

  1. 特色 :
  2. 使用限制 :
    • Y 軸數值只能介於 0~100, 若值可能超出 100 須按比例縮小.
    • 輸出 png 圖檔解析度最高 300000 平方像數, 地圖最大 440x220.
    • Google 的 URL 長度限制 : 2K (GET), 16K (POST).
    • Google 已取消每日 API 呼叫 25 萬次之限制, 但若濫用仍有可能被 Google 仍封鎖.
    • Google Chart API 已於 2012-03-20 被 Google 列為棄用產品, 改為 Chart Tools, 但仍將繼續提供服務至 2015-03-20 (見棄用政策).

Google Chart API 使用方法

  1. 呼叫 Chart API 的 URL 字串格式 :
    使用 Google Chart API 只要在 標籤的 src 屬性中指定 Chart API 的位置與繪圖相關參數即可. Chart API 會回傳 PNG 圖檔顯示在網頁上. 其格式為 :

    src="http://chart.apis.google.com/chart?參數1=值1&參數2=值2&參數3=值3 ...." 或者 
    src="http://chart.googleapis.com/chart?參數1=值1&參數2=值2&參數3=值3 ...."  

    主機位址用 chart.apis.google.com 或 chart.googleapis.com 均可. 
    參數是一個 GET 查詢指令, 基本上可分為兩類, 一是繪圖相關屬性, (例如圖檔大小, 統計圖類型等), 二是統計數據 (即繪圖所需數據). 以 3D 圓餅圖為列 :

    <img src="http://chart.googleapis.com/chart?chs=400x120&
                                                                      cht=p3&
                                                                      chd=t:78,22&
                                                                      chco=7777CC|76A4FB&
                                                                      chdl=Windows|Linux&
                                                                      chl=Windows|Linux">

    其中 chs (圖表大小), cht (圖表類型), 與 chd (圖表數據) 這三個參數是必要參數, 其他參數為備選.
    chs=400x120 表示 png 圖檔大小為寬 400px, 高 120px;
    cht=p3 表示 3D Pie chart;
    chd=t:78,22 表示兩個統計數據 78 與 22



    src 屬性值中的特殊符號 & 與 |, Google 建議分別以 & 與 %7C 代替. 


沒有留言 :