Google Chart API指南(2)
Loading ...URL格式
Google Chart API URLs必须按照下面的格式：
http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>
必须使用&字符分隔。能够以任意顺序指定多个参数，例如，下面的图表相应的URL为：
http://chart.apis.google.com/chart?
chs=200×125&chd=s:helloWorld&cht=lc&chxt=x,y&chxl=0:|Mar|Apr|May|June|July|1:||50+Kb- http://chart.apis.google.com/chart?是Chart API的位置。
- & 分隔参数。
- chs=200×125是图表的大小，以像素为单位。
- chd=s:helloWorld是图表的数据。
- cht=lc是图表的类型。
- chxt=x,y 指明必需的x轴和y轴标签。
- chxl=0:|Mar|Apr|May|June|July|1:||50+Kb是x轴和y轴标签。
可能会奇怪helloWorld如何映射数据值？这是一个简单的编码示例，文字数字字符映射从0到71范围的值。现在不需要担心不理解这些映射，在后面将会介绍。
通过嵌入URL在<img>标签内能够在HTML文档中包括Chart API图像。例如，下面的<img>标签生成与上面相同的图像：
<img src=”http://chart.apis.google.com/chart?
chs=200×125
&chd=s:helloWorld
&cht=lc
&chxt=x,y
&chxl=0:|Mar|Apr|May|June|July|1:||50+Kb”
alt=”Sample chart” />
注意：当在HTML的<img>标签中嵌入URL时，在放置&的位置应使用完整的字符引用& 。
必需的和可选的参数
必须提供下面的参数：
- 图表大小(Chart size )
- 图表数据(Chart data)
- 图表类型(Chart type)
所有其他的参数都是可选的，下表列出了图表类型可选的参数。
| 参数 | 折线图 | 散点图 | 条形图 | 维恩图 | 饼图 |
|---|---|---|---|---|---|
| 图表标题 | Yes | Yes | Yes | Yes | Yes |
| 图表图例 | Yes | Yes | Yes | Yes | |
| 颜色 | Yes | Yes | Yes | Yes | Yes |
| 图表和背景填充 | Yes | Yes | Yes | Yes | Yes |
| 多个轴标签 | Yes | Yes | Yes | ||
| 网格线 | Yes | Yes | |||
| 形状标记 | Yes | Yes | |||
| 水平区域标记 | Yes | Yes | |||
| 垂直区域标记 | Yes | Yes | |||
| 线条样式 | Yes | ||||
| 填充区 | Yes | ||||
| 饼图标签 | Yes |
下面详细介绍各参数。
发表评论