信息图使用入门

重要提示:尽管我们积极维护动态和交互式 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”的二维码表示。请尝试将短语更改为您自己的名字,然后刷新浏览器。这就是全部操作!

以下是对该网址的更多说明:

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

  • https://chart.googleapis.com/chart? - 所有信息图网址都以该根网址开头,后跟一个或多个“参数/值”对。必需参数和可选参数特定于每个映像;请阅读您的映像文档。
  • chs - 图片的大小(以像素为单位),格式为:>x<高度>
  • cht - 图片类型:“qr”表示二维码。
  • 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,因此,如果图片的数据量超过 2K,您必须使用 POST 来代替 GET。(在浏览器网址栏中输入图片网址,或将网址用作网页中 <img> 元素的来源时,即为 GET。POST 需要使用其他语言(如 PHP 或 PERL)进行额外的编程操作。

您也可以在以编程方式生成页面时使用 POST。

了解如何使用 POST 请求图片。