開始使用資訊圖表

重要事項：雖然我們積極維護互動式的動態 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 code。請將詞組變更為您自己的名稱，然後重新整理瀏覽器。就是這麼簡單！

以下簡要說明網址：

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world https://chart.googleapis.com/chart? - 所有資訊圖表網址的開頭都是這個根網址，後接一或多個參數/值組合。每張圖片都有專屬的必要參數和選用參數，請參閱圖片說明文件。 chs - 圖片的大小 (以像素為單位)，格式為 <width>x<height> 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 要求圖片。