您现在的位置: 365建站网 > 365学习 > 利用Google chart为你的网站生成统计报表

利用Google chart为你的网站生成统计报表

文章来源:365jz.com     点击数:725    更新时间:2009-09-17 10:26   参与评论

 生成报表的需求一直都有,特别在ASP等一些较老的服务器技术上,就显得比较无力.
之前我使用的是:owc10.Chartspace控件,要写一大堆服务器代码,着实不方便。

昨天在为广告系统制作点击统计的时候,无意中想到在浏览开源时有提到的谷哥有一动态创建图表的功能,一查叫做Google chart
有个中文开发API(以下简称API),地址是:http://labs.cloudream.name/google/chart/api.HTML,希望有人用得到。

虽然目前Google Chart只提供两种调用方式:
1、HTTP 请求方式:http://chart.apis.google.com/chart?cht=lc&chs=200x125&chd=s:helloWorld&chxt=x,y&chxl=0:|Mar|Apr|May|June|July|1:||50+Kb
2、你可以在网页中使用img元素插入图表,如:

<img src="http://chart.apis.google.com/chart?chs=200x125&amp;chd=s:helloWorld&amp;cht=lc&amp;chxt=x,y&amp;chxl=0:|Mar|Apr|May|June|July|1:||50+Kb" alt="Sample chart" />

显然有时候满足不了有些功能的需求,
我在做广告系统的时候,利用他生成了一个柱状图,做为DIV的背景图片,然后在DIV里面在每个柱子上盖一个<LI><a></a></LI>,这样就可以在鼠标划到相应数据条触发相应事件。比如:弹出层提示信息。

.analyzeDiv{width:1000px; height:240px; background:url(http://chart.apis.google.com/chart?cht=bvs&chbh=8,2&chs=1000x240&chco=4d89f9&chd=t:<% =CSSString%>&chg=0,20&chds=0,<% =maxNum%>) no-repeat;}

这里参数的设定请对照API,效果如附图所示

欢迎指教*^o^*

效果演式

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (725人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------