只要下面劃線的部份用asp從數據庫中取得就能實現了︰
var sum = 213;
~~~
var aItem = "北戴河|還是在家呆著好|青島|大連|承德避暑山莊|其它景點".split("|");
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
var aCount = "85|52|41|20|8|7".split("|");
~~~~~~~~~~~~~~~
<html>
<head>
<title>調查問卷結果</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script language=javascript>
function body_onLoad() {
var sum = 213;
var aItem = "北戴河|還是在家呆著好|青島|大連|承德避暑山莊|其它景點".split("|");
var aCount = "85|52|41|20|8|7".split("|");
var all = "<table cellpadding=2 cellspacing=0 width=470 border=1 bgcolor=#e0e0e0 borderColorDark=white borderColorLight=black align=center>";
all += "<colgroup width='30%'><colgroup width='60%'><colgroup align=right>";
for(var i = 0; i < aItem.length; i++) {
var r = Math.round((aCount[i] * 10000 / sum)) / 100;
all += "<tr valign=top><td>" + aItem[i] + "</td><td><nobr><span style='font:1px; background:red; width:" + (r * 2) + "px; height:8px'> </span> <span class=smallFont>" + r + "%</span></nobr></td><td>" + aCount[i] + "</td></tr>";
}
all += "</table>";
document.all("allItem").insertAdjacentHTML("beforeEnd", all);
window.focus();
}
</script>
</head>
<body onload='body_onLoad()'>
<br>
<table cellpadding=0 cellspacing=0 width=470 align=center><tr><td>
<div class=redFont>夏日炎炎,欲往何處遊?<br><img src='visitcount.asp?cid=-1' width=1 height=1></div><br>
<div>投票總數﹕<span class=redFont>213</span></div>
</td></tr></table>
<div id=allItem>
</div>
</body>
</html>