您的位置：资讯频道 > 技术文档 > 控件开发基础
OWC绘图控件研究
OWC，即 Office Web Components，是微软随 Office 提供的绘图控件，使用它能够绘制绝大部分的图形，但不幸的是 OWC 的帮助文件并不好用，网上关于 OWC 的文章也都很简单，稍微深入一点的问题就很难搜到。所以，把自己研究 OWC 的一些心得写在这里，希望能帮助有需要的朋友，使他们不必再去翻看长长的对象（属性、方法）列表。除此之外，也有一些功能还未实现，希望与大家一起探讨。
注：本文只谈论 OWC 使用中的技术问题，不涉及 OWC 引用，授权，版本等方面。文中给出的示例代码基于 OWC11 ＋ VS.NET ＋ C＃。
Q：OWC 有帮助吗？它在哪儿？
A：有的。安装 Office 之后，在 C:\Program Files\Common Files\Microsoft Shared\Web Components\11\2052目录 下面，有几个*.chm 文件，便是，如果你没有这几个文件，尝试把 Office 完全安装一下试试，或者自定义安装的时候选中相应 的选项。但它们是针对如何在 Excel 中使用，而不是在.Net 或 Java 或 Dephi 中如何使用的，它只是按字母顺序列出了 OWC 组件所有的对象、集合、方法、属性、枚举，以及少量的示例代码， 查找很不方便。我主要参看了其中的 OWCDCH11.CHM 文件。
Q：OWC 的帮助好难用啊，有没有什么办法能更高效地使用它？
A：如果有，那可能是借助 Excel 罢。先打开 Excel 的录制宏功能，在 Excel 里把你要实现的图形样式调出来，再去查看宏代码 中用到了哪些 OWC的特性。理论上，只要是在 Excel 里面能实现的，通过程序里面也能实现。我用这种方法解决了好几个问题。 什么？你不会录制宏？……请使用 Google。
Q：OWC 能绘制哪些类型的图形？
A：OWC 提供面积图、柱状图、条形图、折线图、平滑曲线图、饼图、圆环图、股价图、散点图、雷达图。其中有些图形包括二 维和三维的，有些图形又包含好几种，比如柱状图包括单柱状图，簇形柱状图，一个柱好几个颜色的柱状图等。具体类型请参看 OWCDCH11.CHM 文件中的枚举：ChartChartTypeEnum。
Q：介绍一下 OWC 的主要对象、属性、方法罢。
A：请参看下面的示例图。
ChartSpace 对象：图形容器对象，也是顶层对象。如果要使用 OWC 绘制图形，至少要创建一个ChartSpace 对象。所谓 容器，就是说 ChartSpace对象中可以包含多个图形对象，最多16个。
ChChart 对象、ChCharts 集合、ChCharts.Add()方法：ChChart 是图形对象。一个柱状图、饼状图、散点图等都是一 个图形对象，多个图形对象构成 ChCharts 集合。ChartSpace 对象就包含一个ChCharts 集合，这些 ChChart 之间互相 叠加，比如簇状条形图就是多个单柱状图的叠加，圆环套圆环图就是两个单圆环图的叠加。通过 ChCharts.Add()方法增加一 个图形。
ChSeries 对象、ChSeriesCollection 集合、ChSeriesCollection.Add()方法：帮助中说：一个ChSeries 对象表示图中的 一个系列。实际上，你可以这样理解，当图形容器中包含多个图形时，一个ChSeries 对象就表示其中的一个图形，可以通过 ChSeriesCollection 集合，可以使用数组的方式访问各个 ChSeries，比如 ChSeriesCollection[0]表示第一个图形。使用 ChSeriesCollection.Add()方法在当前容器中新增一个图形。
Point 属性和 Points 集合：一个 Point 代表图形中的一个部分，比如柱状图的一条柱，饼状图的一个扇区等。ChChart 对象提供 Points 集合，可以使用数组的形式访问各个 Point，比如 Points[0]表示第1个部分。
个形状的内部空间。比如，ChartSpace 对象的 Interior 属性代表图形容器内、图形外的空间，一个扇区 Interior 属性 表示该扇区的内部空间。该属性在设置图形各个部分的颜色时起到重要作用。
键，顺着它们找下去，标题、图例、数据标签、字体等重要的特性都能顺利找到。
Q：所有不同类型的图形都能叠加么？
A：不是。经测试，柱状图＋柱状图叠加可以，散点图＋平滑曲线图叠加也可以，但柱状图＋饼状图就不行，至于什么图形能叠加 ，什么图形不能叠加，似乎帮助中并没有明确给出。
Q：标题的字体、图例的位置、图形边框的颜色，这些可以自定义么？
A：可以。请参看下面的示例程序。
1 /**//// <summary>
2 /// 自定义标题的字体、图例的位置、图形边框的颜色。
3 /// </summary>
4 public void ChartDetail()
5 {
6 //创建一个图形容器对象
7 OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
8 //在图形容器中增加一个图形对象
9 OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10 //将图形的类型设置为柱状图的一种
11 objChart.Type = OWC11.ChartChartTypeEnum.chChartTypeColumnStacked;
12 //将图形容器的边框颜色设置为白色
13 objCSpace.Border.Color = "White";
14
15 //显示标题
16 objChart.HasTitle = true;
17 //设置标题内容
18 objChart.Title.Caption = "统计图测试";
19 //设置标题字体的大小
20 objChart.Title.Font.Size = 10;
21 //设置标题为粗体
22 objChart.Title.Font.Bold = true;
23 //设置标题颜色为红色
24 objChart.Title.Font.Color = "Red";
25
26 //显示图例
27 objChart.HasLegend = true;
28 //设置图例字体大小
29 objChart.Legend.Font.Size = 10;
30 //设置图例位置为底端
31 objChart.Legend.Position = OWC11.ChartLegendPositionEnum.chLegendPositionBottom;
32
33 //在图形对象中添加一个系列
34 objChart.SeriesCollection.Add(0);
35 //给定系列的名字
36 objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
37 + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
38 //给定值
39 objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
40 + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
41
42 //显示数据，创建 GIF 文件的相对路径.
43 string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
44 objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartDetail.gif", "GIF", 450, 300);
45 Image1.ImageUrl = "Http://localhost/Study/OwcImg/ChartDetail.gif";
46 }
Q：OWC提供的颜色好难看，我可以自定义饼状图、柱状图各个部分的颜色么？
A：可以。请参看下面对柱状图设置颜色的示例程序，饼状图与此同理。
1 /**//// <summary>
2 /// 自定义柱状图的颜色。
3 /// </summary>
4 public void ChartColor()
5 {
6 //创建一个图形容器对象
7 OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
8 //在图形容器中增加一个图形对象
9 OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10 //将图形的类型设置为柱状图的一种
11 objChart.Type = OWC11.ChartChartTypeEnum.chChartTypeColumnStacked;
12
13 //显示标题
14 objChart.HasTitle = true;
15 //设置标题内容
16 objChart.Title.Caption = "统计图测试";
17 //显示图例
18 objChart.HasLegend = true;
19
20 //在图形对象中添加一个系列
21 objChart.SeriesCollection.Add(0);
22 //给定系列的名字
23 objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
24 + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
25 //给定值
26 objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
27 + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
28
29 //将柱状图的第一条柱设置为红色
30 //Point：代表图中的一部分，比如柱图的一条柱，饼图的一个扇区
31 //Interior：表示指定对象的内部
32 objChart.SeriesCollection[0].Points[0].Interior.Color = "Red";
33
34 //显示数据，创建GIF文件的相对路径.
35 string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
36 objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartColor.gif", "GIF", 450, 300);
37 Image2.ImageUrl = "Http://localhost/Study/OwcImg/ChartColor.gif";
38 }
Q：饼状图能显示各个部分的值以及所占的百分比么？
A：可以。请参看下面的示例程序。
1 /**//// <summary>
2 /// 让饼状图显示各部分的值和百分比。
|
