生成報(bào)表的需求一直都有,特別在ASP等一些較老的服務(wù)器技術(shù)上,就顯得比較無力.
之前我使用的是：owc10.Chartspace控件，要寫一大堆服務(wù)器代碼，著實(shí)不方便。

昨天在為廣告系統(tǒng)制作點(diǎn)擊統(tǒng)計(jì)的時(shí)候，無意中想到在瀏覽開源時(shí)有提到的谷哥有一動(dòng)態(tài)創(chuàng)建圖表的功能，一查叫做Google chart
有個(gè)中文開發(fā)API（以下簡(jiǎn)稱API），地址是：http://labs.cloudream.name/google/chart/api.html，希望有人用得到。

雖然目前Google Chart只提供兩種調(diào)用方式：
1、HTTP 請(qǐng)求方式：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、你可以在網(wǎng)頁中使用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" />

顯然有時(shí)候滿足不了有些功能的需求，
我在做廣告系統(tǒng)的時(shí)候，利用他生成了一個(gè)柱狀圖，做為DIV的背景圖片，然后在DIV里面在每個(gè)柱子上蓋一個(gè)<LI><a></a></LI>，這樣就可以在鼠標(biāo)劃到相應(yīng)數(shù)據(jù)條觸發(fā)相應(yīng)事件。比如：彈出層提示信息。

.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;}

這里參數(shù)的設(shè)定請(qǐng)對(duì)照API，效果如附圖所示

歡迎指教*^o^*