OWC系列控件的图形化开发与应用

计算机时代２０１　１年第１期　・　３３　・　

ＯＷＣ系列控件的图形化开发与应用　

丁剑博　，杨昆　

（１＿中国石油兰州石化分公司自动化研究院，甘肃兰州７３００６０；２．兰州理工大学）　

摘要：决策支持系统涉及动态生成图表的问题，而在Ｂ／Ｓ模式下，如何动态生成图表并打印一直是个难点。ＯＷＣ组件　

在Ｂ／Ｓ下能很好地实现动态生成图表和报表打印等功能。文章着重讨论了ＯＷＣ组件在基于Ｂ／Ｓ的决策支持系统中的应　

用．通过分析实例代码详细介绍了利用该组件的ＯＷＣ．Ｃｈａｒｔ对象在服务器端生成各种复杂的动态图表的方法与过程。　

关键词：０ｗＣ（０币ｃｅ　Ｗｅｂ　Ｃｏｍｐｏｎｅｎｔｓ）；ＣｈＣｈａｒｔ；ＣｈＳｅｒｉｅｓ；ＣｈａｒｔＳｐａｃｅ　

Ｇｒａｐｈｉｃａｌ　Ｄｅｖｅｌｏｐｍｅｎｔ　ａｎｄ　Ａｐｐｌｉｃａｔｉｏｎ　ｏｆ　ＯＷＣ　Ｓｅｒｉｅｓ　

ＤＩＮＧ　Ｊｉａｎ—ｂｏ。一，ＹＡＮＧ　Ｋｕｎ　

（　．Ａｕｔｏｍａｔｉｏｎ　Ｒｅｓｅａｒｃｈ　Ｉｎｓｔｉｔｕｔｅ，Ｌａｎｚｈｏｕ　Ｐｅｔｒｏｃｈｅｍｉｃａｌ　Ｂｒａｎｃｈ，ＰｅｔｒｏＣｈｉｒｕｔ　Ｃｏ．Ｌｔｄ，Ｌａｎｚｈｏｕ，Ｇａｎｓｕ　７３００６ｏ，Ｃｈｉｎａ；　

２．Ｌａｎｚｈｏｕ　Ｕｎｉｖｅｒｓｉｔｙ　ｏｆ　Ｔｅｃｈｎｏｌｏｇｙ）　

Ａｂｓｔｒａｃｔ：Ｄｅｃｉｓｉｏｎ　ｓｕｐｐｏｒｔ　ｓｙｓｔｅｍ　ｉｎｖｏｌｖｅｓ　ｔｈｅ　ｐｒｏｂｌｅｍ　ｏｆ　ｇｅｎｅｒａｔｉｎｇ　ｃｈａｒｔｓ　ｄｙｎａｍｉｃａｌｌｙ，ｂｕｔ　ｈｏｗ　ｔＯ　ｄｙｎａｍｉｃａｌｌｙ　ｇｅｎｅｒａｔｅ　ｃｈａｒｔｓ　

ａｎｄ　ｐｒｉｎｔ　ｔｈｅｍ　ｉｓ　ａｌｗａｙｓ　ａ　ｄｉｉｃｕｌｆｔ　ｐｏｉｎｔ　ｉｎ　Ｂ／Ｓ　ｍｏｄｅ１．ＯＷＣ　ｃｏｍｐｏｎｅｎｔｓ　ｃａｎ　ｗｅｌｌ　ａｃｈｉｅｖｅ　ｔｈｅ　ｆｕｎｃｔｉｏｎｓ　ｏｆ　ｇｅｎｅｒａｔｉｎｇ　ｃｈａｒｔｓ　

ｄｙｎａｍｉｃａｌｌｙ，ｐｒｉｎｔｉｎｇ　ｒｅｐｏｒｔｓ，ｅｔｃ．ｉｎ　Ｂ／Ｓ　ｍｏｄｅ１．Ｗｅ　ｅｍｐｈａｔｉｃａｌｌｙ　ｄｉｓｃｕｓｓ　ｔｈｅ　ａｐｐｌｉｃａｔｉｏｎ　ｏｆ　ＯＷＣ　ｃｏｍｐｏｎｅｎｔｓ　ｉｎ　Ｂ／Ｓ—ｂａｓｅｄ　

ｄｅｃｉｓｉｏｎ　ｓｕｐｐｏｒｔ　ｓｙｓｔｅｍ，ａｎｄ　ｄｅｔａｉｌｅｄｌｙ　ｉｎｔｒｏｄｕｃｅ　ｔｈｅ　ｍｅｔｈｏｄ　ａｎｄ　ｐｒｏｃｅｓｓ　ｏｆ　ｕｓｉｎｇ　ＯＷＣ．Ｃｈａｒｔ　ｏｂｊｅｃｔ　ｏｆ　ｔｈｅ　ｃｏｍｐｏｎｅｎｔｓ　ｔｏ　

ｇｅｎｅｒａｔｅ　ｖａｒｉｏｕｓ　ｋｉｎｄｓ　ｏｆ　ｃｏｍｐｌｅｘ　ｄｙｎａｍｉｃ　ｃｈａｒｔｓ　ｏｎ　ｔｈｅ　ｓｅｒｖｅｒ　ｓｉｄｅ　ｂｙ　ａｎａｌｙｚｉｎｇ　ｔｈｅ　ｅｘａｍｐｌｅ　ｃｏｄｅ．　

Ｋｅｙ　ｗｏｒｄｓ：ＯＷＣ（Ｏｆｉｆｃｅ　Ｗｅｂ　Ｃｏｍｐｏｎｅｎｔｓ）；ＣｈＣｈａｎ；ＣｈＳｅｒｉｅｓ；ＣｈａｒｔＳｐａｃｅ　

０引言　

图表生成是管理信息系统的一个重要功能。在ＯＷＣ诞生　

之前，将图表嵌入Ｗｅｂ页面是非常困难的事情，开发人员通常　

会采用Ｐｌｕｇｉｎ技术或者ＡｃｔｉｖｅＸ打印控件来实现图表的页面嵌　

入和排版打印，但这些方法不能够快速灵活地解决各种图表的　

生成，不能与数据库有很好的交互，需要程序设计人员编写大　

量的代码。在Ａｓｐ．ｎｅｔ中利用ＯＷＣ组件可以轻松实现各种图　

表在Ｗｅｂ页面中的展现。ＯＷＣ首次出现于Ｏｆｉｃｆｅ　２０００，即　

ＯＷＣ　９．０，微软发布的Ｍｉｃｒｏｓｏｆｔ　Ｏｆｉｃｅ　２０００中包含了ＯＷＣ　ｆ

组件。　

要组件：电子数据表格、图表、数据透视表和数据源。每个组件　

包含相关的ＡｃｔｉｖｅＸ控件（Ｓｐｒｅａｄｓｈｅｅｔ，Ｃｈａｒｔ，ＰｉｖｏｔＴａｂｌｅ　Ｌｉｓｔ和　

Ｄａｔａ　Ｓｏｕｒｃｅ）。其中Ｄａｔａ　Ｓｏｕｒｃｅ用于将其他组件绑定到一个　

数据源，但对于在Ｉｎｔｅｍｅｔ　Ｅｘｐｌｏｒｅｒ中查看网页的用户，　

ＤａｔａＳｏｕｒｃｅ是不可见的；它和其他控件一起包含在Ｏｆｉｃｆｅ的　

ＤＬＬ中，通过一个相关联的对象Ｄａｔａ－－ＳｏｕｒｃｅＣｏｎｔｒｏｌ产生作　

用。图表组件是Ｍｉｃｒｏｓｏｆｔ　Ｏｆｉｃｅ使用的数据绑定ＡｃｔｆｉｖｅＸ控　

件，用于实现向Ｗｅｂ页添加图表的功能，支持Ｅｘｃｅｌ中大部分二　

维图表、极坐标图表（如饼图和雷达图）以及组合图表（如两轴线　

一

柱图）。数据表随同图表发布，图表随数据的变化而改变。　

这些控件还能够读写Ｅｘｃｅｌ的ＨＴＭＬ格式的文件，可将当前的　

１　ｏＷＣ组件　

ＯＷＣ可用来绘制绝大部分的图形，是微软公司针对Ｗｅｂ　

数据加载到Ｅｘｃｅｌ中。　

在Ｏｆｉｃｅ中开发的一套在线分析处理（ｆＯＬＡＰ）组件，主要用于　

在Ｗｅｂ上发布电子表格，动态生成图表和数据库等。ＯＷＣ　

能将部分Ｏｆｉｃｅ的功能扩展到Ｗｅｂ上，是一个优秀的服务器　ｆ

端图表引擎，具有与Ｅｘｃｅｌ同样强大的图表绘制能力。它能　

够在服务器端动态生成ＧＩＦ或ＪＰＧ格式的图表。在决策支持　

系统中，如何将各种数据以图表的形式展现给决策者是个重　

２　ｏＷＣ的主要对象、属性、方法　

ＯＷＣ提供了面积图、柱状图、条形图、折线图、平滑曲线　

图、饼图、圆环图、股价图、散点图、雷达图。其中有些图形是二　

维或三维的，有些图形又有多种表现方式，比如柱状图可以是　

单柱状图，或簇形柱状图，或多种颜色的柱状图等。具体的图　

形类型可用ＯＷＣＤＣＨ１１．ＣＨＭ文件中的ＣｈａｒｔＣｈａｒｔＴｙｐｅＥｎｕｍ　

枚举。　

ＯＷＣ的主要对象、属性、方法。　

要的问题，ＯＷＣ组件正好能够很好地解决这一问题：它可以　

将用户输入的数据以符种图表形式通过浏览器（Ｉｎｔｅｒｎｅｔ　

Ｅｘｐｌｏｒｅｒ）展现给决策者，也可以在ＩＥ中与网页交互，可以排序、　

ＣｈａｒｔＳｐａｃｅ对象：图形容器对象，也是顶层对象。如果要　

使用ＯＷＣ绘制图形，至少要创建一个ＣｈａｒｔＳｐａｃｅ对象。所谓　

筛选、公式值的展开和折叠、透视数据等，以满足用户或决策者　

的需求。　

容器，就是说ＣｈａｒｔＳｐａｃｅ对象中可以包含多个图形对象，最多　

ｌ６个。　

ＯＷＣ控件的设计目的是为众多的控件容器提供交互的电　

子表格建模，数据报表和数据可视化功能。ＯＷＣ包含四个主　

ＣｈＣｈａｒｔ对象、ＣｈＣｈａｒｔｓ集合、ＣｈＣｈａｒｔｓ．Ａｄｄ（）方法：ＣｈＣｈａｒｔ　

－

３４・　Ｃｏｍｐｕｔｅｒ　Ｅｒａ　Ｎｏ．１　２０１　１　

是图形对象。一个柱状图、饼状图、散点图等都是一个图形对　

一

（７）使用＜ＩＭＧ＞标记将ＧＩＦ图像发布到网页上。　

象，多个图形对象构成ＣｈＣｈａｒｔｓ集合。ＣｈａｒｔＳｐａｃｅ对象就包含　

下面将以源代码的形式详细介绍如何将炼油厂的原油加　

炼油综合能耗、炼油厂用水量、轻油收率、炼油加工损失　

个ＣｈＣｈａｒｔｓ集合，这些ＣｈＣｈａｒｔ之间互相叠加，比如簇状条形　

工量、

图就是多个单柱状图的叠加，圆环套圆环图就是两个单圆环图　

率等指标以图表的形式展示出来，示例代码基于ＯＷＣｌｌ＋ＶＳ．　

的叠加。通过ＣｈＣｈａｒｔｓ．Ａｄｄ（）方法可添加一个图形。　

ＮＥＴ＋Ｃ＃　

ＣｈＳｅｒｉｅｓ对象、ＣｈＳｅｒｉｅｓＣｏｌｌｅｃｔｉｏｎ集合、ＣｈＳｅｒｉｅｓＣｏｌｔｅｃｔｉｏｎ．　

Ａｄｄ（）方法：查帮助文件可知，一个ＣｈＳｅｒｉｅｓ对象表示图中的一　

个系列。实际上，可以这样理解，当图形容器中包含多个图形　

时，一个ＣｈＳｅｒｉｅｓ对象就表示其中的一个图形，可以通过　

ＣｈＳｅｒｉｅｓＣｏｌｌｅｃｔｉｏｎ集合，使用数组的方式访问各个ＣｈＳｅｒｉｅｓ，比　

如ＣｈＳｅｒｉｅｓＣｏｌｌｅｃｔｉｏｎ［０］表示访问第一个图形。使用　

ＣｈＳｅｒｉｅｓＣｏｌｌｅｃｔｉｏｎ．Ａｄｄ（）方法可在当前容器中新增一个图形。　

Ｐｏｉｎｔ属性和Ｐｏｉｎｔｓ集合：一个Ｐｏｉｎｔ代表图形中的一个部　

分，比如柱状图的一条柱、饼状图的一个扇区等。ＣｈＣｈａｒｔ对象　

提供Ｐｏｉｎｔｓ集合，可以使用数组的形式访问各个Ｐｏｉｎｔ，比如　

Ｐｏｉｎｔｓ［０］表示访问第一个部分。　

Ｉｎｔｅｒｉｏｒ属性：代表一个形状的内部空间。比如，ＣｈａｒｔＳｐａｃｅ　

对象的Ｉｎｔｅｒｉｏｒ属性代表图形容器内图形外的空间，一个扇区　

Ｉｎｔｅｒｉｏｒ属性表示该扇区的内部空间。该属性在设置图形各个　

部分的颜色时起到重要作用。　

ＯＷＣ主要有以下特点：　

（１）ｏｗｃ￣，够支持近５０种图表类型，包括曲线图、折线图　

等，并指定显示图表是否带数据点；　

（２）可以灵活设置图表的各个属性，包括图表标题、横纵坐　

标和输出图片的大小等，还可以对所显示的文字指定字体、字　

号、字形和颜色；　

（３）同一张图表中可以显示２条以上的曲线，实现数据对比。　

ＯＷＣ．Ｃｈａｒｔ对象的主要属性和方法：　

Ｃｈａｒｔ．Ａｄｄ（）用于创建一个图表，参数表示所创建图表的　

索引；　

Ｃｈａｒｔ．Ｔｙｐｅ￣定图表类型（如折线、曲线等）；　

Ｃｈａｒｔ．Ａｘｅｓ坐标轴，通过它控制坐标轴的属性；　

Ｃｈａｒｔ．ＨａｓＴｉｔｌｅ是否有标题；　

Ｃｈａｒｔ．Ｔｉｔｌｅ．Ｃａｐｔｉｏｎ标题名称；　

Ｃｈａｒｔ．Ｃｏｎｓｔａｎｔｓ类中的命名常数；　

Ｃｈａｒｔ．ＳｅｒｉｅｓＣｏｌｋｃｔｉｏｎ．Ａｄｄ（）添加一个Ｓｅｒｉｅｓ序列；　

Ｃｈａｒｔ．ＳｅｒｉｅｓＣｏｌｋｃｔｉｏｎ．Ｃａｐｔｉｏｎ　Ｓｅｒｉｅｓ的标题；　

Ｃｈａｒｔ．ＳｅｒｉｅｓＣｏｌｋｃｔｉｏｎ．ＳｅｔＤａｔａ给Ｓｅｒｉｅｓ赋值；　

Ｃｈａｒｔ．ＨａｓＬｅｇｅｎｄ是否有标注；　

Ｃｈａｒｔ．ＥｘｐｏｒｔＰｉｃｔｕｒｅ０将图表导出到服务器指定目录。　

３　ＯＷＣ组件在ＶＳ．ＮＥＴ中的实例开发　

用ＯＷＣ生成动态图表的过程（步骤）：　

（１）从数据库中取出相应的数据；　

（２）创建ＯＷＣ图表；　

（３）设定数据系列；　

（４）给数据系列赋值；　

（５）按要求设计图表的格式；　

（６）根据ＯＷＣ图表创建ＧＩＦ图像；　

炼油厂对主要指标综合分析图的源代码例程：　

＜ａｄｄ　ｋｅｙ＝”ＤＢＣｏｎｎｅｃｔｉｏｎ　’ｖａｌｕｅ＝”Ｐｒｏｖｉｄｅｒ＝ＳＱＬＯＬＥＤＢ；　

ｓｅｒｖｅｒ＝（Ｉｏｃａ１）；ｕｓｅｒ　ｉｄ＝ｓａ；ｐａｓｓｗｏｒｄ＝ｓａｓａｓａｓａ；　

Ｄａｔａｂａｓｅ＝ＴａｒｇＩｅｔＭｇｔＤｅｖ”／＞　

／，连接对标平台数据库：　

ｐｒｏｔｅｃｔｅｄ　Ｓｙｓｔｅｍ．Ｗｅｂ．ＵＩ．ＷｅｂＣｏｎｔｒｏｌｓ．Ｌａｂｅｌ　Ｌａｂｅｌ；　

／／在ｈｔｍｌ中添加一个Ｌａｂｅｌ，将绘制的图表放置在这个Ｌａｂｅｌ中：　

ｐｒｏｔｅｃｔｅｄ　ｉｎｔ　ｉＷｉｄｔｈ；　

ｐｒｏｔｅｃｔｅｄ　ｉｎｔ　ｉＨｅｉｇｈｔ；　

ｐｒｏｔｅｃｔｅｄ　ｉｎｔ　ｉＣｈａｒｔＴ￣　ｐｅ；　

，，分别定义宽度、高度、图表显示类型三个参数便于调试：　

ｉｎｔ　ｉ：　

ｓｔｒｉｎｇ　ｓｔｒＣａｔｅｇｏｒｙ＝””：　

ｆｏｒ（ｉ＝１：Ｉ＜＝１２：ｉ＋＋）　

（ｓｔｒＣａｔｅｇｏｒｙ＋＝ｉ．ＴｏＳｔｒｉｎｇ（）＋￣ｔ’：　

）：／／定义Ｘ轴为１至１２循环，也就是对应１至１２月：　

ｓｔｒｉｎｇ　ｓｔｒＳｑｌ＝…’：　

ｓｔｒｉｎｇ　ｓｔｒＡｔｔｒｉｂＮａｍｅ＝””：　

ＤａｔａＴａｂｌｅ　ｏＤｔ＝ｎｅｗ　ＤａｔａＴａｂｌｅ０；　

／／定义数据表ｏＤｔ／￣４建新数据表　

ｓｔｒＳｑｌ＝’’Ｓｅｌｅｃｔ　Ｆｒｏｍ　ＯｂｊｅｃｔＤａｔａ—ＳｔａｉｒＦｉｒｓｔＤｉｖ　ｗｈｅｒｅ　ＩＤ＝１　６６“：　

／／查询一级指标实践值ＩＤ号为１６６（ＦＪ度原油加工量）的数值：　

ｏＤｔ＝ｏＳｑｌＨｅｌｐｅｒ．ＥｘｅｃｕｔｅＤａｔａＴａｂｌｅ（Ｇｌｏｂａ１．ｓｔｒＤＢＣ０ｎｎｅｃｔｉ０ｎ．　

ＣｏｍｍａｎｄＴｙｐｅ．Ｔｅｘｔ，ｓｔｒＳｑ１）；　

，，ＳＱＬ语句查询到的结果　

ｓｔｒｉｎｇ　ｓｔｒＶａｌｕｅ＝…　：　

ｆｏｒ（ｉ＝１；ｉ≤１２Ｉ．＋＋）／／执行１至１２间的循环：　

ｓｔｒＡｔｔｒｉｂＮａｍｅ＝”ＳｔａｉｒＦｉｒｓｔ”＋１．ＴｏＳｔｒｉｎｇ０＋”ｄａｔａ”：　

／／一级指标实践值的字段为ＳｔａｉｒＦｉｒｓｔ”ｉ”ｄａｔａ，ｉ在（１－１２）之间：　

ｓｔｒＶａｌｕｅ＋＝Ｃｏｎｖｅｒｔ．ＴｏＤｏｕｂｌｅ（ｏＤｔ．Ｒｏｗｓ［０］［ｓｔｒＡｔｔｒｉｂＮａｍｅ］）．　

ＴｏＳｔｒｉｎｇ（”ｆ２“）＋”　：　

／／读取符合查询条件第一行数值并且小数点后保留两位：　

ＣｈａｒｔＳｐａｃｅ　ＴｈｉｓＣｈａｒｔ＝ｎｅｗ　ＣｈａｒｔＳｐａｃｅＣｌａｓｓ（）：　

／，新建绘图空间对象：　

ＣｈＣｈａｒｔ　ＴｈｉｓＣｈＣｈａｒｔ＝ＴｈｉｓＣｈａｒｔ１．Ｃｈａｒｔｓ．Ａｄｄ（０）；　

／／在绘图空间新建图形对象　

ＣｈＳｅｒｉｅｓ　ＴｈｉｓＣｈＳｅｒｉｅｓ＝ＴｈｉｓＣｈＣｈａｒｔ．Ｓｅ　ｒｉｅｓＣｏＩＩｅｃｔｉｏｎ．Ａｄｄ（０）；　

／／在图表中加入数据系列　

ＴｈｉｓＣｈＣｈａｒｔ．ＨａｓＬｅｇｅｎｄ＝ｔｒｕｅ：　

／／显示图例　

ＴｈｉｓＣｈＣｈａｒｔ　Ｌｅｇｅｎｄ．Ｐｏｓｉｔｉｏｎ＝ＣｈａｒｔＬｅｇｅｎｄＰｏｓｉｔｉｏｎＥｎｕｍ．　

ｃｈＬｅｇｅｎｄＰｏｓｉｔｉｏｎＢｏｔｔｏｍ；　

／／图列位置放置在容器的底部：　

ＴｈｉｓＣｈＣｈａｒｔ．Ｌｅｇｅｎｄ．Ｆｏｎｔ．Ｓｉｚｅ＝９；　

／／图例的标题的字体大小设为９号字：　

ＴｈｉｓＣｈＣｈａｒｔ．ＨａｓＴｌｔｌｅ＝ｔｒｕｅ：／，显示标题内容：　

ＴｈｉｓＣｈＣｈａｒｔ　Ｔｉｔｌｅ．Ｃａｐｔｉｏｎ＝”原油加工量分析”：　

计算机时代２０１１年第１期　

，／分别为图例加上相应的标题：　

ＴｈｉｓＣｈａｒｔ．ＣｈａｒｔＬａｙｏｕｔ＝ＣｈａｒｔＣｈａｒｔＬａｙｏｕｔＥｎｕｍ　

．

・　３５　・　

Ｌａｂｅｌ１．Ｔｅｘｔ＝”＜ｉｍｇｓｒｃ＝’√…／．／．．／ＷｅｂＣｈａｒｔｓ／ＲｅｆｉｎａｒｙＡｎａｌｙｓｉｓ．ｇｉｆ＇＞”　

，，把名为ＲｅｆｉｎａｒｙＡｎａｌｙｓｉｓ．ｇ＿ｆ的图表添加到Ｉｍａｇｅ；　

ｃｈＣｈａｒｔＬａｙｏｕｔＡｕｔｏｍａｔｉｃ；　

运行效果如图１和图２Ｎ示。　

蠹　篓警　…　０　

／，将图例在容器内的排列方式设置为自动排列：　

ＴｈｉｓＣｈａｒｔ１　ＣｈａｒｔＷｒａｐＣｏｕｎｔ＝２；／／容器内每行显示２个图例：　

ＴｈｉｓＣｈＣｈａｒｔ１．Ａｘｅｓ［０］．ＨａｓＴｉｔｌｅ＝ｔｒｕｅ；／／指定图表是否需要图例：　

ＴｈｉｓＣｈＣｈａ￣１．Ａｘｅｓ［０］．Ｔｉｔｌｅ．Ｃａｐｔｉｏｎ＝”月份”：／／Ｘ轴的单位是为月份：　

缝　兰猢　缒公司至越辩糕麓攥举岛　一…　

蠡　一　：　黼　慧　—　…　

ＴｈｉｓＣｈＣｈａｒｔ１．Ａｘｅｓ［０］．Ｔｉｔｌｅ．Ｆｏｎｔ．Ｓｉｚｅ＝９；ＩＩＸ轴字体为９号：　

ＴｈｉｓＣｈＣｈａｒｔ１．ｘｅｓ［１］．Ａ＂ｉｔｔｌｅ．Ｃａｐｔｉｏｎ＝”单位：万吨”：　轴的单位是万吨：　

ＴｈｉｓＣｈＣｈａｒｔ１．ｘＡｅｓ［１］．Ｔｉｔｌｅ．Ｆｏｎｔ．Ｓｉｚｅ＝９；，，Ｙ轴的字体为９号：　

ＴｈｉｓＣｈＣｈａｒｔ１．Ｔｙｐｅ＝Ｃｈａ￣ＣｈａｒｔＴｙｐｅＥｎｕｍ　

．

ｃｈＣｈａｒｔｒｙｐｅＣｏｌｕｍｎＣｌｕｓｔｅｒｅｄ；，／柱状图：　

ＴｈｉｓＣｈＣｈａｒｔ２．Ｔｙｐｅ＝Ｃｈａ￣ＣｈａｒｔＴｙｐｅＥｎｕｍ．ｃｈＣｈａｒｔＴｙｐｅＬｉｎｅ；　

，／折线趋势图；　

ＴｈｉｓＣｈＣｈａ￣３．Ｔｙｐｅ＝ＣｈａｒｔＣｈａｒｔＴｙｐｅＥｎｕｍ．ｃｈＣｈａｒｔＴｙｐｅＰｉｅ；｜｝饼圉　

这里用到的参数ｉＣｈａｒｔＴｙｐｅ的主要作用是，快速切换不同　

类型的图形，当用户要改变显示的图形类型时不需要更改源代　

码，只需要调整文本文件显示代号１、２、３即可（１代表柱状图、２　

代表折线趋势图、３代表饼图）。　

ＴｈｉｓＣｈＣｈａｒｔ．Ｓｅｒｉｅｓｃｏｌｌｅｃｔｉ０ｎ【０】．ＤａｔａＬａｂｅｌｓＣｏｌｌｅｃｔｉｏｎ　Ａｄｄ（）：　

／／设置在显示图例的上方显示对应数值：　

ＴｈｉｓＣｈＣｈａｒｔ．Ｒｏｔａｔｉｏｎ＝Ｏ；　

ＴｈｉｓＣｈＣｈａｒｔ．Ｉｎｃｌｉｎａｔｉ０ｎ＝０：　

／／设置图例的旋转及弯曲角度为Ｏｉ　

ＴｈｉｓＣｈＣｈａｒｔ１．ＰｌｏｔＡｒｅａ．Ｉｎｔｅｒｉｏｒ．Ｃｏｌｏｒ＝’　＃ｆｆｃｃｆｆ＇。：　

／／绘图空间的背景颜色为粉红色：　

ＴｈｉｓＣｈＣｈａｒｔ．Ｏｖｅｒｌａｐ＝０；　

／／图形的重叠部分为０：　

ＴｈｉｓＣｈＳｅｒｉｅｓ　ＳｅｔＤａｔａ（ＣｈａｒｔＤｉｍｅｎｓｉｏｎｓＥｎｕｍ　

．

ｃｈＤｉｍＳｅｒｉｅｓＮａｍｅｓ，ＣｈａｒｔＳｐｅｃｉａｌＤａｔａＳｏｕｒｃｅｓＥｎｕｍ　

．

ｃｈＤａｔａＬｉｔｅｒａ１．ＧｅｔＨａｓｈＣ０ｄｅ（），”原油加工量”）：　

『／给定ｓｅｒｉｅｓ的名字原油加工量　

ＴｈｉｓＣｈＳｅｒｉｅｓ　ＳｅｔＤａｔａ（ＣｈａｒｔＤｉｍｅｎｓｉｏｎｓＥｎｕｍ．ｃｈＤｉｍＣａｔｅｇｏｒｉｅｓ，　

ＣｈａｒｔＳｐｅｃｉａＩＤａｔａＳｏｕｒｃｅｓＥｎｕｍ．ｃｈＤａｔａＬｉｔｅｒａ１．ＧｅｔＨａｓｈＣｏｄｅ（），　

ｓｔｒＣａｔｅｇｏｒｙ）：　

ｆ｜给定分类　

ＴｈｉｓＣｈＳｅｒｉｅｓ　ＳｅｔＤａｔａ（ＣｈａｒｔＤｉｍｅｎｓｉｏｎｓＥｎｕｍ．ｃｈＤｉｍＶａｌｕｅｓ，　

ＣｈａｒｔＳｐｅｃｉａＩＤａｔａＳｏｕｒｃｅｓＥｎｕｍ　ｃｈＤａｔａＬｉｔｅｒａｔ　ＧｅｔＨａｓｈＣｏｄｅ０，　

ｓｔｒＶａｌｕｅ）；　

，，给图例相应指标的值植入图表（ｓｔｒＶａｌｕｅ所对应的指标）：　

ＴｈｉｓＣｈＳｅｒｉｅｓ　Ｔｒｅｎｄｌｉｎｅｓ［０］．ＩｓＤｉｓｐＩａｙＩｎｇＲＳｑｕａｒｅｄ＝ｔｒｕｅ；　

『／是否显示标题：　

／／－Ｉ＇ｈｉｓＣｈＳｅｒｉｅｓ．Ｔｒｅｎｄｌｉｎｅｓ［０］．Ｃａｐｔｉｏｎ＝“原油加工量趋势”：　

，　给标题赋具体名称：　

ＴｈｉｓＣｈａｒｔ１．ＥｘｐｏｒｔＰｉｃｔｕｒｅ（Ｓｅｒｖｅｒ．ＭａｐＰａｔｈ（ｔｈｉｓ．Ｒｅｑｕｅｓｔ　

Ａｐｐｌｉｃａｔｉ０ｎＰａｔｈ）＋”＼＼ＷｅｂＣｈａｒｔｓ＼＼ＲｅｆｉｎａｒｙＡｎａｌｙｓｉｓ．ｇｉｆ’，”ｇｉｒ。，　

ｉＷｉｄｔｈ，ｉＨｅｉｇｈｔ）；　

／／在客户端导出图像文件至相对路径，当对运行结果显示的图片大　

小不满意时不需要修改源代码，只需要调整文本文件中ｉＷｉｄｔｈ、　

ｉＨｅｉｇｈｔ两个参数就可以得到满意的显示效果。　

七　，　一　＿ｉ　鬻　ｌ；　Ｆ卜＝薹麓一　嬲１ｌ　

”　

｛　聪　瓣　”　ｌ　

蠹　一　卜　＿　

ｌ　Ｉ　

麓豁　麓惑　鬻托骞　

图１炼油厂对标指标折线趋势分析图　

图２炼油厂对标指标柱状分析图　

４结束语　

利用ＯＷＣ图表组件可在ｗｅｂ服务器端生成柱状图、折线　

图、饼图等多种图形，并将它们和数据库查询结果集绑定，实现　

图表与数据库的完美结合，完成各种图表的动态生成。　

通过本文所述实例，可以看到ＯＷＣ组件的强大功能。在　

Ｗｅｂ系统中使用这些控件，可增强系统的统计功能，有利于系　

统的快速集成和开发。　

参考文献：　

［１】Ｍｉｃｒｏｓｏｆｔ．ＭＳＯＷＣＶＢＡ　ｃｈｉｎ［Ｚ］，１９９９．　

【２】Ｍｉｃｒｏｓｏｆｔ．Ｕｓｅ　ＸＭＬ　Ｄａｔａ　ｗｉｔｈ　ｔｈｅ　Ｃｈａｒｔ　Ｃｏｍｐｏｎｅｎｔ［ＥＢ／ＯＬ］．　

【３】Ｍｉｃｒｏｓｏｆｔ．Ｃｒｅａｔｅ　Ａ　Ｃｏｍｂｉｎａｔｉｏｎ　Ｃｈａｒｔ　ｗｉｔｈ　ｔｈｅ　Ｃｈａｒｔ　Ｗｅｂ　Ｃｏｍ２　

ｐｏｎ。“　【ＥＢ／ＯＬ］’