生成报表的需求一直都有,特别在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^*
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛