信息图使用入门

重要提示:虽然我们积极维护动态和交互式 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 - 图片的尺寸,以像素为单位,格式为 <width>x<height>
  • 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,因此如果您的图片包含的数据超过此限制,您必须使用 POST 而不是 GET。(GET 是指您在浏览器网址栏中输入图片网址或将其用作网页中 <img> 元素的来源。POST 需要使用其他语言(例如 PHP 或 PERL)进行额外编程)。

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

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