模板
教程
环境
性能
功能
管理
ASP中利用OWC控件实现图表功能详解
发表于：2007-06-30来源：作者：点击数：
标签：
在ASP中利用OWC（OfficeWebComponents）控件可轻松实现各种图表功能，如饼图，簇状柱型图，折线图等。 在下面的代码中我详细的给出了饼图，簇状柱型图，折线图的使用方法。OWC的更多功能，属性可参加MSOWC VB A.chm帮助文件（在office2000的文件夹下大家自己
在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()
@#------------------饼图-------------------------------------------------------------
@#为数据赋值
categories = split("<%=MX1%>",",") @#数据项目名数组
values = split("<%=MX2%>",",") @#数据项目值数组
Set cht = ChartSpace1.Charts.Add @#添加一个图标对象
Set c = ChartSpace1.Constants @#返回一个对象，此对象允许脚本用户使用已命名的常量。
cht.Type = c.chChartTypePie @#设置图表类型为饼图
@#-------设置图表标题----------------------------------------
ChartSpace1.HasChartSpaceTitle = True @#指定图表工作区中包含标题
ChartSpace1.ChartSpaceTitle.Caption = "饼状图" @#设置图表工作区标题内容
@#有关字体的设置
ChartSpace1.ChartSpaceTitle.Font.Bold = True @#设置图表工作区标题内容是否粗体
ChartSpace1.ChartSpaceTitle.Font.Color = "blue" @#设置图表工作区标题的颜色
ChartSpace1.ChartSpaceTitle.Font.Italic = False @#设置图表工作区标题是否为斜体
ChartSpace1.ChartSpaceTitle.Font.Name = "隶书" @#设置图表工作区标题内容的字体
ChartSpace1.ChartSpaceTitle.Font.Size = 18 @#设置图表工作区标题内容的大小（单位：磅）
ChartSpace1.ChartSpaceTitle.Font.Underline = c.owcUnderlineStyleSingle @#设置下划线属性
@#-------设置图例--------------------------------------------
cht.HasLegend = True @#指定图表工作区中含有图例
cht.Legend.Font.Size = 9 @#其他有关字体项的设置参见设置图表标题部分
cht.Legend.Position = c.chLegendPositionRight @#设置图例对其方式
cht.SetData c.chDimCategories, c.chDataLiteral, categories
cht.SeriesCollection(0).SetData c.chDimValues, c.chDataLiteral, values
Set dl = cht.SeriesCollection(0).DataLabelsCollection.Add @#添加图例的数据标记
dl.HasValue = False
dl.HasPercentage = True
dl.Font.Size = 11
@#------------------饼图（结束）------------------------------------------------
@#------------------簇状柱型图（开始）--------------------------------------
Set cht = ChartSpace2.Charts.Add @#添加一个图标对象
Set c = ChartSpace2.Constants @#返回一个对象，此对象允许脚本用户使用已命名的常量。
cht.Type = c.chChartTypeColumnClustered @#设置图表类型为折线图
@#-------设置图表标题----------------------------------------
ChartSpace2.HasChartSpaceTitle = True @#指定图表工作区中包含标题
ChartSpace2.ChartSpaceTitle.Caption = "柱状图" @#设置图表工作区标题内容
@#有关字体的设置
ChartSpace2.ChartSpaceTitle.Font.Bold = True @#设置图表工作区标题内容是否粗体
ChartSpace2.ChartSpaceTitle.Font.Color = "blue" @#设置图表工作区标题的颜色
ChartSpace2.ChartSpaceTitle.Font.Italic = False @#设置图表工作区标题是否为斜体
ChartSpace2.ChartSpaceTitle.Font.Name = "隶书" @#设置图表工作区标题内容的字体
ChartSpace2.ChartSpaceTitle.Font.Size = 18 @#设置图表工作区标题内容的大小（单位：磅）
ChartSpace2.ChartSpaceTitle.Font.Underline = c.owcUnderlineStyleSingle @#设置下划线属性
cht.SetData c.chDimCategories, c.chDataLiteral, categories @#横项（分类轴）
cht.SeriesCollection(0).SetData c.chDimValues, c.chDataLiteral, values
Set dl = cht.SeriesCollection(0).DataLabelsCollection.Add @#添加图例的数据标记
dl.HasValue = True
dl.HasPercentage = False
dl.Font.Size = 9
dl.Font.Color = "red"
dl.Position = c.chLegendPositionRight
@#设置纵向数值属性
Set categoryAxis = cht.Axes(c.chAxisPositionBottom)
categoryAxis.Font.Size = 9
@#设置分类组属性
Set categoryAxis = cht.Axes(c.chAxisPositionLeft)
categoryAxis.Font.Size = 9
@#------------------簇状柱型图（结束）--------------------------------------
@#------------------折线图----------------------------------------------------------
SParr = split("<%=MX1%>",",")
Datearr = split("<%=Datestr%>",",")
Set cht = ChartSpace3.Charts.Add @#添加一个图标对象
Set c = ChartSpace3.Constants @#返回一个对象，此对象允许脚本用户使用已命名的常量。
cht.Type = c.chChartTypeLineMarkers @#设置图表类型为折线图
@#-------设置图表标题----------------------------------------
ChartSpace3.HasChartSpaceTitle = True @#指定图表工作区中包含标题
ChartSpace3.ChartSpaceTitle.Caption = "日销量折线图" @#设置图表工作区标题内容
@#有关字体的设置
ChartSpace3.ChartSpaceTitle.Font.Bold = True @#设置图表工作区标题内容是否粗体
ChartSpace3.ChartSpaceTitle.Font.Color = "blue" @#设置图表工作区标题的颜色
ChartSpace3.ChartSpaceTitle.Font.Italic = False @#设置图表工作区标题是否为斜体
ChartSpace3.ChartSpaceTitle.Font.Name = "隶书" @#设置图表工作区标题内容的字体
ChartSpace3.ChartSpaceTitle.Font.Size = 18 @#设置图表工作区标题内容的大小（单位：磅）
ChartSpace3.ChartSpaceTitle.Font.Underline = c.owcUnderlineStyleSingle @#设置下划线属性
@#-------设置图例--------------------------------------------
cht.HasLegend = True @#指定图表工作区中含有图例
cht.Legend.Font.Size = 9 @#其他有关字体项的设置参见设置图表标题部分
cht.Legend.Position = c.chLegendPositionBottom @#设置图例对其方式
cht.SetData c.chDimSeriesNames, c.chDataLiteral, SParr @#系列
cht.SetData c.chDimCategories, c.chDataLiteral, Datearr @#横项（分类轴）
@#设置纵向数值属性
Set categoryAxis = cht.Axes(c.chAxisPositionBottom)
categoryAxis.Font.Size = 9
@#设置分类组属性
Set categoryAxis = cht.Axes(c.chAxisPositionLeft)
categoryAxis.Font.Size = 9
values = split("<%=SQARXLstr%>",",")
for i = 0 to ubound(SParr)
valuetemp = ""
for j = i*(ubound(Datearr)+1) to (i+1)*(ubound(Datearr)+1)-1 @#按天读取数据
valuetemp = valuetemp & "," &= 0 to ubound(SParr)
valuetemp = ""
for j = i*(ubound(Datearr)+1) to (i+1)*(ubound(Datearr)+1)-1 @#按天读取数据
valuetemp = valuetemp & "," & values(j)
next
valuearr = split(mid(valuetemp,2),",")
cht.SeriesCollection(i).SetData c.chDimValues, c.chDataLiteral, valuearr
Set dl = cht.SeriesCollection(i).DataLabelsCollection.Add @#添加图例的数据标记
dl.HasValue = True
dl.HasPercentage = False
dl.Font.Size = 9
next
@#------------------折线图（结束）---------------------------------------------------
End Sub
</script>
</body>
</html> 0"> values(j)
next
valuearr = split(mid(valuetemp,2),",")
cht.SeriesCollection(i).SetData c.chDimValues, c.chDataLiteral, valuearr
Set dl = cht.SeriesCollection(i).DataLabelsCollection.Add @#添加图例的数据标记
dl.HasValue = True
dl.HasPercentage = False
dl.Font.Size = 9
next
@#------------------折线图（结束）---------------------------------------------------
End Sub
</script>
</body>
</html>
