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

生成报表的需求一直都有,特别在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&chd=s:helloWorld&cht=lc&chxt=x,y&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^*