控制項|圖表|詳解 在ASP中利用OWC(Office Web Components)控制項可輕鬆實現各種圖表功能,如餅圖,簇狀柱型圖,折線圖等。
在下面的代碼中我詳細的給出了餅圖,簇狀柱型圖,折線圖的使用方法。OWC的更多功能,屬性可參加MSOWCVBA.chm協助檔案(在office 2000的檔案夾下大家自己找)。
testOWC.asp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>ASP中利用OWC控制項實現圖表功能詳解</title>
</head>
<body>
<%
'下面測試的是一個產品銷量圖
MX1 = "A產品,B產品,C產品,D產品" '資料項目名數組(給出測試資料,實際用的時候從資料庫讀取用","分隔)
MX2 = "50,60,20,80" '資料項目值數組
Datestr = "2005-3-24,2005-3-25,2005-3-26,2005-3-27,2005-3-28" '日期
SQARXLstr = "50,100,20,80,89" 'A產品2005-3-24 至 2005-3-28的銷量
SQARXLstr = SQARXLstr & "," & "40,60,20,90,70" 'B產品2005-3-24 至 2005-3-28的銷量
SQARXLstr = SQARXLstr & "," & "20,50,55,25,60" 'C產品2005-3-24 至 2005-3-28的銷量
SQARXLstr = SQARXLstr & "," & "80,20,75,58,100" 'D產品2005-3-24 至 2005-3-28的銷量
%>
<br>
<center><object id="ChartSpace1" classid="CLSID:0002E500-0000-0000-C000-000000000046" style="width:95%;height:400"></object></center>
<br>
<center><object id="ChartSpace2" classid="CLSID:0002E500-0000-0000-C000-000000000046" style="width:95%;height:400"></object></center>
<br>
<center><object id="ChartSpace3" classid="CLSID:0002E500-0000-0000-C000-000000000046" style="width:95%;height:400"></object></center>
<script language="vbscript">
Sub Window_OnLoad()
'------------------餅圖-------------------------------------------------------------