这项服务用起来相当简单,不用安装任何软件,只使用浏览器就可以。比如,在浏览器的地址栏中,键入如下的地址:
http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World,
就可以看到下面的图片:
目前,Google Chart一共提供五种图,分别是折线图(line charts)、条状图(bar charts)、饼图(pie charts)、Venn图(venn diagrams)和散点图(scatter plots)。
下面,我根据说明文档,简单介绍一下,如何生成最常见的条状图和饼图。
条状图
下面这张表是各大洲最高峰一览表。
山峰 |
高度(单位:米) |
珠穆朗玛峰(亚洲) |
8848 |
乞力马扎罗山(非洲) |
5895 |
厄尔布鲁士山(欧洲) |
5642 |
麦金利山(北美) |
6194 |
阿空加瓜山(南美) |
6960 |
查亚山(大洋洲) |
5029 |
文森山(南极洲) |
5140 |
根据上表,可以生成下面的条状图:
使用的网址是:
http://chart.apis.google.com/chart?
chs=250x250&
chd=t:88.48,58.95,56.42,61.94,69.60,50.29,51.40&
cht=bvs&
chco=ff0000&
chf=c,s,76A4FB|bg,s,FFF2CC&
chxt=x,y&
chxl=0:|Asia|Afri|Euro|AmeN|AmeS|Ocea|Anta|1:|0|5km|10km
虽然这个网址看起来很复杂,但实际上很容易编写,请跟着我一项项分解:
1. http://chart.apis.google.com/chart?
这部分是google图表服务的网址,所有生成的图表都必须使用这个网址。
“?”后面跟的是参数,格式是“参数名=参数值”。不同的参数之间用“&”分割,次序无所谓。
2. chs=250x250
这一项表示图片的面积,宽x长,单位是像素。
面积最大不能超过30万像素,长和宽最大不超过1000像素。比如,如果上图放大一倍,可以使用chs=500x500。
3. chd=t:88.48,58.95,56.42,61.94,69.60,50.29,51.40
这一项“chd=t:”表示图表所用的数据集,最小的值是0.0,最大的值是100.0。
因此,山峰的高度必须改写为88.48、58.95、56.42、61.94、69.60、50.29、51.40,数据与数据之间用逗号分割。
4. cht=bvs
这一项表示所使用的图表类型,bvs表示“竖直条形图”,bhs表示“水平条形图”,lc表示折线图。
5. chco=ff0000
这一项表示条块的颜色,ff0000表示红色。如果想生成蓝色条块,就使用0000ff。
6. chf=c,s,76A4FB|bg,s,FFF2CC
这一项表示填充色,其中又分为两个部分。
"c,s,76A4FB"表示内容部分(c)用蓝色(76A4FB)填充,“bg,s,FFF2CC”表示背景色(bg)用淡黄色(FFF2CC)填充。它们之间用竖线“|”分割。
7. chxt=x,y
这一项表示坐标轴采用底部的x轴和左边的y轴。
8. chxl=0:|Asia|Afri|Euro|AmeN|AmeS|Ocea|Anta|1:|0|5km|10km
这一项表示坐标轴的刻度。
由于只能使用英语,所以x轴的刻度是各大洲的英语缩写,用“0:”开头,y轴的刻度是5千米和1万米,用“1:”开头,所有数据之间用竖线分割。
饼图
下面再举一个饼图的例子。
假定某商场上半年各月份的销售额占总销售额的比例,依次为19%、21%、14%、16%、15%和15%。那么画成饼图,就是下面的样子:
使用的网址是:
与上面的条状图相比,只有两个地方需要说明。
1. cht=p3
这一项表示图片类型为三维饼图,如果使用二维饼图,这一项要改为“cht=p”。
2. chl=Jan|Feb|Mar|Apr|May|June
这一项表示为饼图中每一项数据加上图例。
更多的选项和如何使用多个数据集,请参考Google Chart的说明文档。
(完)
相关推荐
使用google chart api呈现柱状图,结合jquery做前台ui,从sql server中导出数据并保存成json数据。
Google Chart API 参考中文版
一个脚本 m 文件和一个 Java 类,用于为 Google Chart API 生成 Matlab 数据的线图。 还包含一个函数 m 文件,可用于在纯 Matlab 中为 Google Chart API 加密数据。
本实例提供了一个edittext 用来输入生成的二维码中包含的信息,当user点击按钮之后,会自动生成相应的二维码。
matlab开发-m2googlechart。演示如何从Matlab中生成Java类,以便生成谷歌图表API绘图。
这实际上是作为Google Chart API的包装。 使用此phpgc,您可以轻松地将数据可视化到Web应用程序中。 安装 在您的composer.json文件中写入"sohelrana820/phpgc": "dev-master"以进行安装。 如果要手动安装,则下载此...
GoogChart是一个PHP开源的Google Charts API,它能让你能够以更简便和更灵活的方式制作Chart图表。 PHP绘制各种统计图 支持饼状统计图, 柱形统计图,和折线统计图的绘制 支持2D和3D2两种绘图模式 目前使用的...
Google图表API是一个免费的、非常强劲的图表生成工具,您可以仅凭一个Url地址,轻松生成一张具有专业水准的图表。 Google 图表 API 会返回一幅 PNG 格式的图片来响应一个网址。可以生成多种类型的图片,包括折线图...
目录只是一个基于 GWT、Google Chart API 和 Spring 数据的天文图集。 克隆存储库,DB 文件夹包含必须注入数据库的 mysql 转储。 在 src/main/resources/application.properties mvn 包项目中配置数据库访问设置。 ...
GChart是Google Chart APIPHP库。 Google Chart API可让您动态生成图表。 但是,使用起来并不方便。 GChart使您可以更轻松地在PHP页面中插入Google Chart。
Api-google-chart.zip,google图表api web组件google图表,一个api可以被认为是多个软件设备之间通信的指导手册。例如,api可用于web应用程序之间的数据库通信。通过提取实现并将数据放弃到对象中,api简化了编程。
为使用 Google Chart API 的开发者提供 API 参考及参数说明 目前提供如下类型图表:折线图、柱状图、饼图、维恩 图、散点图。您可以设定图表尺寸、颜色和图例。
解压缩spri-chart-master文件夹并将其重命名为spri-chart 。 将spri-chart移到您的WordPress插件文件夹中。 通常这是~/www/wp/wp-content/plugins/ 。如何使用图表上传 转到管理菜单,然后单击插件页面。 单击Add ...
Lavacharts是PHP5.4 +的图形/图表库,其中包含Google Chart API。 稳定: 开发人员: 开发人员说明 如果您发现自更新以来已经“几年”了,请不要气our,而应该以为Lavacharts已定居为“稳定”状态,并且不需要我...
Backbone.GoogleChart基本上是一个Backbone.View ,它以“骨干”风格包装了 GoogleChart API依赖关系包括什么? src/backbone/GoggleChart.coffee下 Backbone.GoogleChart 的 CoffeeScript 实现CoffeeScript 在lib/...
google-chart-offline:离线Google图表
LORA数据到Google图表使用Google云功能将数据发布到数据库,并通过第二个云功能提供数据,以便在图表中将其可视化。 数据使用LORA模块记录,然后发送到物联网,然后存储到Google Cloud Function。数据流使用 LORA...
npm i @google-web-components/google-chart 在HTML文件中 < html > < head > < script type =" module " > import '@google-web-components/google-chart' ; </ script > </ head ...
Eastwood Chart Servlet是一个由David Gilbert维护Java servlet项目。通过JFreeChart类库绘图,模拟实现了Google Chart API:图表样式和URL。
用于 Google Chart API 的 Java 库。 它支持开发人员通过直观的 API 在 java 环境中生成图表 URL。 目前支持 google API 的大多数1功能,并且可以轻松扩展以满足自己的要求。 ==特点== 支持 [ Google Chart API] ...