浏览 1143 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
最后更新时间：2008-01-10 关键字: google chart
Google Chart API能够让我们利用URL传递参数来产生图表，比如简单的这样一句HTML代码：
<img src="http://chart.apis.google.com/chart?cht=bvs&chs=200x125&chd=s:JavaEye" /> 就可以产生柱状图： 通过查看上面的URL，共有3个参数： 引用 cht: 代表了图表的类型（Chart Type的缩写），在上面的例子中bvs是代表垂直格式的Bar Chart chs: 代表了图表的大小（Chart Size的缩写），在上面的例子中就是宽200px，高125px chd: 代表了图表的数据 （Chart Data的缩写），在上面的例子中s:JavaEye代表什么意思呢？允许我卖个小关子，后面再介绍 我们再来看一个稍微复杂点的例子： <img src="http://chart.apis.google.com/chart?chtt=JavaEye&cht=p3&chs=300x150&chd=s:JavaEye&chl=J|a|v|a|E|y|e" /> 和第一个例子相比，多了2个参数： 引用 chtt: 代表了图表的标题（Chart Title的缩写） chl: 代表了图表项标签（Chart Label的缩写），在上面的例子中用竖线(|)分割的JavaEye正好对应到每个数据项 现在让我来解开前面的小关子： 引用 chd: 代表了图表的数据 ，在第一个例子中的s:JavaEye代表用字符串编码，A~Z代表0~25, a~z代表26~51，Google Chart API会根据每个字符所对应的值计算出其比例，然后画出图表。除了这种简单编码外，它还支持多种其他编码，具体文档请看这里。 Google提供的这个API对于做一些简单图表来说是非常好用的工具，举一个实际的例子，比方说我有某段时间内JavaEye网站的访问次数的IP分布数据： 引用 Beijing 238,471 Shanghai 133,918 Guangzhou 68,786 Shenzhen 59,093 Hangzhou 47,626 Chengdu 30,700 Nanjing 28,799 Wuhan 27,535 Xian 18,240 Changsha 17,013 我们把数据转换成0~100直接的小数，用chd=t:23.8471,13.3918...传递，还可以用chco设置颜色和透明度（0000FF - 蓝色, 50 - 50%的透明度）: <img src="http://chart.apis.google.com/chart?chtt=JavaEye%20Cities&cht=p3&chs=700x350&chd=t:23.8471,13.3918,6.8786,5.9093,4.7626,3.0700,2.899,2.7535,1.8240,1.7013&chl=Beijing|Shanghai|Guangzhou|Shenzhen|Hangzhou|Chengdu|Nanjing|Wuhan|Xian|Changsha&chco=0000FF50"/> 更多图表文档，例子请访问官方网站： http://code.google.com/apis/chart 参考资料： Tracking Christmas Cheer with Google Charts Using Google Charts from accessible data table 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 | |
|
最后更新时间：2008-03-06
的确很方便，但是不能生成甘特图，比较郁闷
|
| 返回顶楼 | |
|
最后更新时间：2008-05-05
好像不支持中文。
|
| 返回顶楼 | |
