top
Loading...
怎樣在ASP里面創建統計圖表
<% 
REM 首先我們設計一個ShowCart函數,其中 
REM aValues 是一個數值數組 
REM aLables 是橫坐標的標號 
REM strTitle是這個統計圖的標題 
REM strXAxisLable X軸的標簽 
REM strYAxisLable Y軸的標簽 
Sub ShowChart(ByRef aValues, ByRef aLabels, ByRef strTitle, ByRef strXAxisLabel, ByRef strYAxisLabel) 
" 你可以隨便改變的圖形常數 
" 單位是屏幕像素點 
Const GRAPH_WIDTH = 450 " 圖形寬度 
Const GRAPH_HEIGHT = 250 " 圖形 
Const GRAPH_BORDER = 5 " 坐標線寬度 
Const GRAPH_SPACER = 2 " 統計條之間的距離 
Const TABLE_BORDER = 0 
" 變量聲明 
Dim I 
Dim iMaxValue 
Dim iBarWidth 
Dim iBarHeight 
" 取得aValues最大值 
iMaxValue = 0 
For I = 0 To UBound(aValues) 
If iMaxValue < aValues(I) Then iMaxValue = aValues(I) 
Next "I 
" 計算每條圖形的寬度 
iBarWidth = (GRAPH_WIDTH  (UBound(aValues) + 1)) - GRAPH_SPACER 
" 開始繪圖 
%> 
<TABLE BORDER="<%= TABLE_BORDER %>" CELLSPACING="0" CELLPADDING="0"> 
<TR> 
<TD COLSPAN="3" ALIGN="center"><H2><%= strTitle %></H2></TD> 
</TR> 
<TR> 
<TD VALIGN="center"><B><%= strYAxisLabel %></B></TD> 
<TD VALIGN="top"> 
<TABLE BORDER="<%= TABLE_BORDER %>" CELLSPACING="0" CELLPADDING="0"> 
<TR> 
<TD ROWSPAN="2"><IMG SRC="./images/spacer.gif" BORDER="0" WIDTH="1" HEIGHT="<%= GRAPH_HEIGHT %>"></TD> 
<TD VALIGN="top" ALIGN="right"><%= iMaxValue %> </TD> 
</TR> 
<TR> 
<TD VALIGN="bottom" ALIGN="right">0 </TD> 
</TR> 
</TABLE> 
</TD> 
<TD> 
<TABLE BORDER="<%= TABLE_BORDER %>" CELLSPACING="0" CELLPADDING="0"> 
<TR> 
<TD VALIGN="bottom"><IMG SRC="./images/spacer_black.gif" BORDER="0" WIDTH="<%= GRAPH_BORDER %>" HEIGHT="<%= GRAPH_HEIGHT %>"></TD> 
<% 
" 對數組所有數值進行循環,繪制條形圖! 
For I = 0 To UBound(aValues) 
iBarHeight = Int((aValues(I) / iMaxValue) * GRAPH_HEIGHT) 
" 因為瀏覽器會忽略0高度的條形圖,所以用1代替! 
If iBarHeight = 0 Then iBarHeight = 1 
%> 
<TD VALIGN="bottom"><IMG SRC="./images/spacer.gif" BORDER="0" WIDTH="<%= GRAPH_SPACER %>" HEIGHT="1"></TD> 
<TD VALIGN="bottom"><IMG SRC="./images/spacer_red.gif" BORDER="0" WIDTH="<%= iBarWidth %>" HEIGHT="<%= iBarHeight %>" ALT="<%= aValues(I) %>"></A></TD> 
<% 
Next "I 
%> 
</TR> 
<TR> 
<TD COLSPAN="<%= (2 * (UBound(aValues) + 1)) + 1 %>"><IMG SRC="./images/spacer_black.gif" BORDER="0" WIDTH="<%= GRAPH_BORDER + ((UBound(aValues) + 1) * (iBarWidth + GRAPH_SPACER)) %>" HEIGHT="<%= GRAPH_BORDER %>"></TD> 
</TR> 
<% " 檢查橫坐標數組是否有效! %> 
<% If IsArray(aLabels) Then %> 
<TR> 
<TD><!-- 留點空間 --></TD> 
<% For I = 0 To UBound(aValues) %> 
<TD><!-- 留點空間 --></TD> 
<TD ALIGN="center"><FONT SIZE="1"><%= aLabels(I) %></FONT></TD> 
<% Next "I %> 
</TR> 
<% End If %> 
</TABLE> 
</TD> 
</TR> 
<TR> 
<TD COLSPAN="2"><!-- 使下一個TD元素居中--></TD> 
<TD ALIGN="center"><BR><B><%= strXAxisLabel %></B></TD> 
</TR> 
</TABLE> 
<% 
End Sub 
%> 
<% 
" 一個帶有橫坐標的條形圖 
ShowChart Array(6, 10, 12, 18, 23, 26, 27, 28, 30, 34, 37, 45, 55), _ 
Array("P1", "P2", "P3", "P4", "P5", "P6", "P7", "P8", "P9", _ 
"P10", "P11", "P12", "P13"), "連續幾個月的銷售額", "X 軸", "Y 軸" 
" 空行 
Response.Write "<BR>" & vbCrLf 
Response.Write "<BR>" & vbCrLf 
Response.Write "<BR>" & vbCrLf 
" 構造一個由隨機數組成的數組 
Dim I 
Dim aTemp(49) 
Randomize 
For I = 0 to 49 
aTemp(I) = Int((50 + 1) * Rnd) 
Next "I 
" 由隨機數組生成的條形圖 
ShowChart aTemp, "這不是一個數組!", "隨機條形圖", "序號", "隨機數" 
%> 
北斗有巢氏 有巢氏北斗