在ASP.NET中用OWC绘制图表

C#版本的OWC.asp.cs

public class owc: System.Web.UI.Page

{

protected System.Web.UI.WebControls.PlaceHolder ChartHolder;

private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

//创建ChartSpace对象来放置图表

OWC.ChartSpace objCSpace = new OWC.ChartSpaceClass ();

//在ChartSpace对象中添加图表，Add方法返回chart对象

OWC.WCChart objChart = objCSpace.Charts.Add (0);

//指定图表的类型。类型由OWC.ChartChartTypeEnum枚举值得到

objChart.Type = OWC.ChartChartTypeEnum.chChartTypeColumnClustered;

//指定图表是否需要图例

objChart.HasLegend = true;

//给定标题

objChart.HasTitle = true;

objChart.Title.Caption= "上半年分布图";

//给定x,y轴的图示说明

objChart.Axes[0].HasTitle = true;

objChart.Axes[0].Title.Caption = "Y ： 数量";

objChart.Axes[1].HasTitle = true;

objChart.Axes[1].Title.Caption = "X ： 月份";

//计算数据

/*categories 和 values 可以用tab分割的字符串来表示*/

string strSeriesName = "图例 1";

string strCategory = "1" + '\t' + "2" + '\t' + "3" + '\t'+"4" + '\t' + "5" + '\t' + "6" + '\t';

string strValue = "9" + '\t' + "8" + '\t' + "4" + '\t'+"10" + '\t' + "12" + '\t' + "6" + '\t';

//添加一个series

objChart.SeriesCollection.Add(0);

//给定series的名字

objChart.SeriesCollection[0].SetData (OWC.ChartDimensionsEnum.chDimSeriesNames,

+ (int)OWC.ChartSpecialDataSourcesEnum.chDataLiteral, strSeriesName);

//给定分类

objChart.SeriesCollection[0].SetData (OWC.ChartDimensionsEnum.chDimCategories,

+ (int)OWC.ChartSpecialDataSourcesEnum.chDataLiteral, strCategory);

//给定值

objChart.SeriesCollection[0].SetData

(OWC.ChartDimensionsEnum.chDimValues,

(int)OWC.ChartSpecialDataSourcesEnum.chDataLiteral, strValue);

//输出成GIF文件.

string strAbsolutePath = (Server.MapPath(".")) + "\\i\\test.gif";

objCSpace.ExportPicture(strAbsolutePath, "GIF", 600, 350);

//创建GIF文件的相对路径.

string strRelativePath = "./i/test.gif";

//把图片添加到placeholder.

string strImageTag = "<IMG SRC='277_files/&quot; + strrelativepath + &quot;'/>";

ChartHolder.Controls.Add(new LiteralControl(strImageTag));

}

#region Web Form Designer generated code

override protected void OnInit(EventArgs e)

{

//

// CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。

//

InitializeComponent();

base.OnInit(e);

}

/// <summary>

/// 设计器支持所需的方法 - 不要使用代码编辑器修改

/// 此方法的内容。

/// </summary>

private void InitializeComponent()

{

this.Load += new System.EventHandler(this.Page_Load);

}

#endregion

}

如果用ADO.NET的DataSet对象，可以生成以TAB分割的字符串：

strValue += (nodes.Item(j).ChildNodes.Item(0).InnerText + '\t');

strCategory += (nodes.Item(j).ChildNodes.Item(1).InnerText + '\t');

Microsoft.Office.Interop名称空间指向Office XP PIA，PIA应该事先安装到Web服务器上。编译源代码时要用到Office XP PIA OWC的DLL文件。如果用VS.net编译，只要加入一个Microsoft.Office.Interop.Owc.dll文件的引用即可（位于解开Office XP PIA文件的目录），如果从命令行编译，必须按照下列方式使用/r:参数：

vbc /t:library /out:bin\getchart.dll /r:System.dll /r:System.Web.dll

/r:System.Data.dll

/r:C:\oxppia\Microsoft.Office.Interop.Owc.dll getchart.aspx.vb

上面的代码有许多值得一提的地方。首先，我们假定数据源位于MSSQL数据库OWCDEMO，该数据库有一个OWCDATA表，OWCDATA表有两个数值列，分别是X和Y。getchart.aspx的目标就是从数据库获取记录，然后用散点图（XY）描述这些数据。

OWC图表的数据点无法直接从ASP.net的DataSet获取，因此，我们首先要把数据库的数据装入数组，然后用数组的数据填写OWC图表的数据点。如果要对本例作改进的话，最好开发一个ASP.NET服务器控件，它能够从抽象的数据源（包括DataSet对象、XML文件或数组）获取数据并生成XY散点图。

DataReader要比DataSet快速、高效，不过，我们首先要确定数据库中的记录数量，根据记录数量来调整数组的大小。为此，我们先用一个SQL Select count(*)查询获取记录数量，然后定义数组大小，最后用第二个SQL SELECT查询获取数据库记录。

如果我们要让散点图的各个点用折线连接起来，记录必须依照X轴排序，这通过一个SQL ORDER BY子句实现。

OWC的图表建立在“绘图空间”上。一个绘图空间可以包含一个或多个图表，每一个图表可以有一个或多个数据系列。在生成OWC图表时，我们首先创建一个绘图空间，将一个图表加入到绘图空间，设置图表的类型，添加数据系列，最后用数组的数据填写数据系列。

另外，我们还可以设置（可选）各种布局参数，例如颜色、坐标标题、图表标题、图例，等等。OWC提供了数百个布局参数，我们可以随心所欲地调整图表。当然，对于不同的图表类型，绘图模式也略有不同，例如，饼图和散点图的参数设置方法是不同的。在OWC 10安装包中有OWC帮助文件，里面详细说明了OWC图表模型。

最后，Response.BinaryWrite参数指定了要输出的图形类型（GIF），以及图形的宽度、高度（以像素为单位）。在这里，我们可以根据需要缩放从OWC图表生成的图形。