<%
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,”这不是一个数组!”,”随机条形图”,”序号”,”随机数”
%>
‘———————————————————————
站长itlearner注:直接copy到一个asp文件,就可以运行看到效果了。