Google Chart API的应用
Chart API (谷歌制图服务接口)
1、案列:
案例展示:http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World&chtt=Hello+World;
图样:
通过该链接图样,可拆分链接的所有参数来理解图像的生成 过程
2、服务地址:“http://chart.apis.google.com/chart?”
3、各个参数释义:
cht=p3 表示生成3D饼状图。 (*cht chart type)
chd=s:hW 图表数据,chd=s:hW表示数据是普通字符串(simple string)hW。目前,允许的编码选择有simple (s)、extended (e)和text (t)。(*chd chart data)
chs=250x100 表示图的大小 宽250像素,高100像素(*chs chart size)
chl=hell|world 表示图标数据分布 (*chs chart left)
chtt=Hello+World 表示图标的标题为 hell world (*chs chart title)
虽然这个网址看起来很复杂,但实际上很容易编写,请跟着我一项项分解:
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的说明文档。
(完)