2 功能实现

  开发系统平台是WindowsXP+VisualStudio.NET2003+SQL Server2000，开发语言是C#.

1)       系统配置

 在ASP.NET中调用OWC10绘图之前必须在服务器端进行如下设置：

(1)    从微软的网站免费下载OWC10，地址是http://office.microsoft.com/downloads/2002/owc10.aspx或直接从网上搜索Interop.OWC10.dll,OWC10.dll两个dll文件，也可从OfficeXP安装盘里找到并安装为共享程序集。

(2)    将找到的Interop.OWC10.dll和OWC10.dll文件放到项目目录下的bin文件夹里。

(3)    打开项目文件，在引用里添加Interop.OWC10.dll和OWC10.dll文件。

在webform1.aspx的前台里添加控件Image,并设置其Id=Image1。

(4)    安装IIS(在WindowsXP添加组件里),设置虚拟目录。并配置Web.config文件

(5)    在企业管理器里创建数据库zj_new,并创建你所需要的表，添加相关的数据。

在本项目里数据库表结构如下：

 2）后台代码

     在webform1.aspx.cs中关键源代码及文字说明如下：

using OWC10; //很关键

using System.Data.SqlClient;//

using System.Configuration;//

using System.Xml;  //关键，引用System.XML

SqlConnection myConn=new SqlConnection(ConfigurationSettings.AppSettings["ConnectionString"]);

string myCommString="select TestTime,NongDu from TestMuti where MetalComponent='Fe' ";//注意x轴按升序排序

DataSet ds = new DataSet("Chart");

 DataTable dt=new DataTable();

              SqlDataAdapter da = new SqlDataAdapter(myCommString, myConn);

              da.Fill(ds);

              OWC10.ChartSpaceClass oChartSpace = new OWC10.ChartSpaceClass(); //创建图空间

              System.IO.StringWriter sw = new System.IO.StringWriter(); //用于写入字符串

              XmlDocument xDoc = new XmlDocument(); //创建xml文档

              ds.WriteXml(sw);

              // clean up

              myConn.Close();

              da.Dispose();

      xDoc.LoadXml(sw.ToString());             sw.Close();   

              System.Xml.XmlNodeList nodes;

              nodes = xDoc.ChildNodes.Item(0).ChildNodes;

              int nCount = nodes.Count;

              string[] aNames = new string[nCount];

              string[] aTotals = new string[nCount];

              string names=String.Empty;

              string totals =String.Empty;

              int i = 0;

              for(i=0;i<nCount;i++)

              {

                   aNames[i]= nodes.Item(i).ChildNodes.Item(0).InnerText;    //千万别写成Item(i-1)否则就少一个点了；   

                   aTotals[i]= nodes.Item(i).ChildNodes.Item(1).InnerText;

              }

            names= String.Join("\t", aNames);                totals= String.Join("\t", aTotals);

            oChartSpace.Charts.Add(0);

  //设置绘图空间及图表格式

oChartSpace.Charts[0].Border.Color="blue";//边界颜色

oChartSpace.Charts[0].HasTitle=true;//图表标题；

     oChartSpace.Charts[0].Title.Caption="油样铁谱分析";//图表标题说明文字

     oChartSpace.HasChartSpaceTitle=true; //

     oChartSpace.ChartSpaceTitle.Caption="折线趋势图测试"; //绘图空间标题说明文字

     oChartSpace.Charts[0].Axes[0].HasTitle=true;         //x轴

     oChartSpace.Charts[0].Axes[0].Title.Caption="时间(10小时)"; //x轴标题说明

     oChartSpace.Charts[0].Axes[1].HasTitle=true;        //y轴

     oChartSpace.Charts[0].Axes[1].Title.Caption="Is(磨损烈度)";//y轴标题说明

     oChartSpace.Charts[0].HasLegend=true;   //允许有图例

     oChartSpace.Charts[0].Legend.Position=OWC10.ChartLegendPositionEnum.chLegendPositionRight;//设置图例位置， oChartSpace.Charts[0].PlotArea.Interior.Color="Wheat";  //设置图表区域块内填充颜色

oChartSpace.Charts[0].Type=OWC10.ChartChartTypeEnum.chChartTypeSmoothLineMarkers; //设置第一个图表Charts[0]的第一个图形的属性

     oChartSpace.Charts[0].SeriesCollection.Add(0);//为图表一添加第一个图形

oChartSpace.Charts[0].SeriesCollection[0].SetData(OWC10.ChartDimensionsEnum.chDimSeriesNames,Convert.ToInt32(OWC10.ChartSpecialDataSourcesEnum.chDataLiteral),"Fe");//设置第一条曲线即SeriesCollection[0]的标题oChartSpace.Charts[0].SeriesCollection[0].Interior.Color="Blue"; //用来设置第一个图形内的节点的颜色为颜色（此处为蓝色）；

oChartSpace.Charts[0].SeriesCollection[0].SetData(OWC10.ChartDimensionsEnum.chDimCategories,

     Convert.ToInt32(OWC10.ChartSpecialDataSourcesEnum.chDataLiteral),names ); oChartSpace.Charts[0].SeriesCollection[0].SetData(OWC10.ChartDimensionsEnum.chDimValues,

     Convert.ToInt32(OWC10.ChartSpecialDataSourcesEnum.chDataLiteral),totals );

oChartSpace.Charts[0].SeriesCollection[0].Line.Color="green";//控制线形图的连线的颜色;

     oChartSpace.Charts[0].SeriesCollection[0].Marker.Style=OWC10.ChartMarkerStyleEnum.chMarkerStyleDiamond;//线形图

string strFullPathAndName=Server.MapPath(System.DateTime.Now.Ticks.ToString() +".gif");

     oChartSpace.ExportPicture( strFullPathAndName, "gif", 600, 400); //确定图框的长和宽

         Image1.ImageUrl=strFullPathAndName; //将图形输到id为Image1的控件里；

              Image1.Visible =true;  

3)       输出结果如（图一）所示：

         （图一）

4)       灵活扩展

将其他都不变，只改如下属性(即粗字体部分)就可得不同类型的统计图形：

oChartSpace.Charts[0].Type= OWC10.ChartChartTypeEnum.chChartTypeColumnClustered3D;此属性输出为如（图二）的立体柱状图

                 (图二)

当然还可以在同一个数据图表中，添加多个数据系列，以便进行各个数据系列比较统计，重复画一个数据图的过程即可得多个数据系列图，十分方便。如（图三）所示：

                （图三）

3 总结

   通过调用组件OWC10强大的绘图功能，及应用XML技术，只要更改其输出属性，就可以得到不同类型的输出图形，灵活多变，编程简单，执行效率高，也大大提高了开发效率，克服了在.NET Frame Work SDK里没有提供制作数据图表的相关类，用C#绘制各种动态统计图，趋势图很麻烦的缺点。

4 参考文献：

     1. Dan Wahlinzhu著《基于XML的ASP.NET开发》，清华大学出版社

2 .Simon Robinson著 《Professional C# 2nd Edition》, 清华大学出版社

3.木林森著 《C#和ASP.NET程序设计教程》，清华大学出版社

4.Scott Allen著 《c#数据库入门经典》，清华大学出版社

                                 (作者： 隆小光 )