開始使用資訊圖表

重要事項:雖然動態和互動式 Google 圖表是我們積極維護的,但我們已在 2012 年正式淘汰靜態 Google 圖片圖表。並於 2019 年 3 月 18 日停用。

本頁說明使用資訊圖表伺服器建立圖片的基本知識。

資訊圖表使用政策

資訊圖表每天可提出的要求數量並無上限。不過我們保留權利,可封鎖任何我們認定為濫用的使用行為。

  1. 開始使用
  2. 最佳化
    1. 改善載入時間
    2. 使用 POST

入門指南

資訊圖表伺服器會傳回圖片來回應網址 GET 或 POST 要求。建立圖形所需的所有資料都會包含在網址中,包括圖片類型和尺寸。舉例來說,請複製下列網址並貼到瀏覽器中:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world

你看到的是「Hello World」詞組的 QR 圖碼。請試著將詞組變更為您的姓名,然後重新整理瀏覽器。就是這麼簡單!

以下提供額外的網址說明:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world

  • https://chart.googleapis.com/chart? - 所有資訊圖表網址的開頭都是這個根網址,後面接有一或多個參數/值組合。每張圖片都有專屬的必要和選用參數;請參閱圖片說明文件。
  • chs - 圖片的像素大小,格式為 <width>x<高度>
  • cht - 圖片類型:「qr」代表 QR code。
  • chl - 要編碼的資料。必須採用網址編碼。

最佳化

以下是一些最佳化圖片的最佳化效果:

改善含有大量圖片的網頁載入時間

如果您的網頁上只有幾張圖片,應該能採用標準基本網址 https://chart.googleapis.com/chart。但是,如果您有許多圖片,可以在 chart.apis.google.com 前加上一個 0-9 和一個點。如果您為網頁上的每張圖片指定不同的編號,瀏覽器會嘗試同時載入更多圖片,而不是依序等待載入。不過,只有在您在網頁上載入大約五張以上的圖片時,才需要使用此功能。例如:

  • http://0.chart.apis.google.com/chart?cht=...
  • http://1.chart.apis.google.com/chart?cht=...
  • http://2.chart.apis.google.com/chart?cht=...
  • ...

使用 POST

網址大小上限為 2K,因此如果圖片的資料量超過這個上限,請使用 POST 而不是 GET。(GET 是指在瀏覽器網址列輸入圖片網址,或將其設為網頁 <img> 元素的來源。POST 需要其他語言的其他程式,例如 PHP 或 PERL。

您也可以透過程式輔助方式產生頁面時使用 POST。

瞭解如何使用 POST 要求圖片。