OWC控件实现图表功能详解.docx

在asp中利用owc（officewebcomponents）控件可轻松实现各种图表功能，如饼图，簇状柱型图，折线图等。

在下面的代码中我详细的给出了饼图，簇状柱型图，折线图的使用方法。owc的更多功能，属性可参加msowcvba.chm帮助文件（在office2000的文件夹下大家自己找）。

testowc.asp

!doctypehtmlpublic-//w3c//dtdhtml4.01transitional//en

html

head

metahttp-equiv=content-typecontent=text/html;charset=gb2312

titleasp中利用owc控件实现图表功能详解/title

/head

body

%

下面测试的是一个产品销量图

mx1=a产品,b产品,c产品,d产品数据项目名数组（给出测试数据，实际用的时候从数据库读取用,分隔）

/span

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,89a产品2005-3-24至2005-3-28的销量sqarxlstr=sqarxlstr,40,60,20,90,70b产品

2005-3-24至2005-3-28的销量

sqarxlstr=sqarxlstr,20,50,55,25,60c产品2005-3-24至2005-3-28的销量

sqarxlstr=sqarxlstr,80,20,75,58,100d产品2005-3-24至2005-3-28的销量

%

br

/images/outliningindicators/none.gifwidth=11align=topalt=/centerobjectid=chartspace1classid=clsid:0002e500-0000

-0000-c000-000000000046style=width:95%;height:400/object/center

br

centerobjectid=chartspace2classid=clsid:0002e500-0000-0000-c000-000000000046style=width:95%;height:400/object/center

br

centerobjectid=chartspace3classid=clsid:0002e500-0000-0000-c000-000000000046style=width:95%;height:400/object/center

scriptlanguage=vbscriptsubwindow_onload()

/images/outliningindicators/none.gifwidth=11align=topalt=/ 饼图

为数据赋值

categories=split(%=mx1%,,)数据项目名数组values=split(%=mx2%,,)数据项目值数组

setcht=chartspace1.charts.add添加一个图标对象

setc=chartspace1.constants返回一个对象，此对象允许脚本用户使用已命名的常量。

cht.type=c.chcharttypepie设置图表类型为饼图

设置图表标题 chartspace1.haschartspacetitle=true指定图表工作区中包含标题chartspace1.chartspacetitle.caption=饼状图设置图表工作区标题

内容

dth=11align=topalt=/有关字体的设置chartspace1.chartspacetitle.font.bold=true设置图表工作区标题内容是否粗体chartspace1.chartspacetitle.font.color=blue设置图表工作区标题的颜色chartspace1.chartspacetitle.font.italic=false设置图表工作区标题是否为斜体=隶书设置图表工作区标题内容的字体

chartspace1.chartspacetitle.font.size=18设置图表工作区标题内容的大小（单位：磅）chartspace1.chartspacetitle.font.underlin