基于Owc.chart组件的曲线图表绘制的研究

1、基于owe. chart组件的曲线图表绘制的研究张晶莹（大庆油田采油六厂信息中心）摘要 长期以来网页图形绘制技术大多采用java或者动态图像技术进行网页图形展示， 随着应用的不断深入，这两种技术均存在一定的缺陷。本文对多种图形的绘制方法进行 对比后，重点介绍了使用owe. chart的格式及其优点，owe. chart提供了对图形格式的 编辑功能，为图形的广泛使用提供了工具支持。它能更简单快捷的绘制二维图表（如折 线图、柱形图、股价图等）和极坐标图表（如饼图和雷达图），并支持组合图表，如两轴 线-柱图，数据表会随同图表发布，图表随着数据的变化而改变。通过在物资价格审核 管理系统应用这一技术，大

2、大缩短了技术人员绘图时间，加快了网页图形的编程效率和 提高图形信息的共享程度。主题词owe chart组件 绘制 图表1问题的提出在油出生产开发中，经常会遇到必须提供交互式图表的情况。需要从 数据库表文件中提取数据，并对大批量的生产数据进行分析比较，此时最 常用也是最直观明了的表现方法莫过于绘制图表。例如，油田矿级单位在 生产过程中需要提供单井生产曲线，产量变化曲线，区块产量柱状图这些直 观的图表更便于分析生产过程中出现的问题，还耍求应用程序能够用饼图、 柱形图或xy散点图的形式直观地描述生产数据走向，进行动态分析。在windows桌面应用程序中，这类要求从来不成为问题，可供选用的 图形库和绘

3、图组件实在太多了。但对于web应用程序，问题就变得复杂多 to我们知道，现有的浏览器是以解释客户端脚本语言来表现网页的，常用的脚本包括javdsript、vbscript、iltml等语言格式。这些脚本对于文 字、表格、图像等都有很好的标准支持，却唯独缺少图形指令，这给在浏 览器中绘制图形带来了极大的困难。传统上我们在浏览器中表现图形多数采用三种方式：服务器端gdi+图 形绘制、浏览器端javaapplet绘图窗口、用例如svg或flash等插件绘制 图形。虽然上述几种方式机制各不相同，但是都需要开发人员手工编程， 逐条绘制图表中的各元素，一条线一个点的修改往往也需要一条编程语句 去执行。对技

4、术人员的编程要求较高，工作效率较低。在这种情况下，我们应用了 owe. chart这一组件，它能直接传入数据, 通过控件直接绘制图表，减少了编程人员工作量，提高工作效率，使以往 需要投入大量人员精力的烦琐的绘图工作得到改善。2 owe. chart技术研究owc （microsoft office web components）是 microsoft office 使 用的数据绑定activex控件，它为在web中绘制图形提供了灵活的同时也 是最基本的机制。它是一套组件对象模型主要包含电子表格、图表、数据 透视表等4个组件。这些组件在服务器端提供了与office功能相关的对象 模型，开发人员可

5、以对其中相关的类进行编程控制，如可以进行单元格的 数据填写、格式的定义等操作，从而主成office兼容的各种表格和图表等 内容，形成高质量的结果展示。owe. chart支持microsoft excel中大部分的二维图表（如折线图、柱 形图、股价图等）和极坐标图表（如饼图和雷达图），并支持组合图表，有t owc. chart,我们可以在服务器上动态创建一个图表，然后将图表以gif 图形的形式发送到客户端。客户端看到的仅仅是一个普通的图形文件，但 在“背后”,图形文件实际上是由服务器上asp. net回应客户请求时动态 生成的。因此，这种技术对客户端没有特殊的要求，只要能够显示gif图 形就可

6、以了,即使netscape和opera也不存在任何问题。3 owe. chart 应用我们在物资价格审核管理系统的开发过程中应用了这一技术。制作需 要提供给客户的各类统计图表，实现系统中物资计划对比功能。物资价格审核管理系统是受价格审核办公室委托，进行物资价格审核 系统的开发，负责对全厂物资价格进行审核和确认。改变目前手工查找的 工作状态，提高价格审核的准确率和及时率，使全厂物资价格有据可依， 提高了物资价格审定的合理性。物资价格审核管理系统开发中，在提供业 务流程的前提下，还需要提供给客户大量的业务数据分析表。这就要求编 程人员完成大量烦琐的绘图工作。在这种情况下，我们在系统中应用了 owe

7、. chart 这一组件。物资价格审核管理系统中应用了 owe. chart后，以往工作中需要完成 的绘图工作被很快完成，方便快捷，大大缩短了开发时间，可维护性高。 通过owe. chart控件能将生成的图表转换成图片文件，这样用户最终看到 的是gif图片格式的图表，可避免直接输出动态图表到客户端时有可能带 来的一系列问题。我们在物资价格审核管理系统中应用owe. chart组件绘制了统计报表,下面是我们绘制的c类物资电瓶原液yg-1kg的价格走势图，描述了 c类物资电瓶原液yg-1kg从2006年1月到2008年7月的价格走势：11.2200601c类物资价格走势图（电瓶原myg-lkg）2

8、00607200701200707200801200807x轴：日期（年月）i f-单价i以下是绘制电瓶原液yg-1kg价格走势图的部分核心代码:'创建chartspace对象来放置图表dim objcsptice as new 0wc11. chartspaceclass'在chartspace对象屮添加图表，add方法返回chart对象dim objchart as 0wc11. chchart = objcspace.charts.add(o)'指定图表的类型。类型lilowc. chartchcirttypeenum枚举值得到objchart. type = 0

9、wc11. chartcharttypeenum. chcharttypecolumnclustered '折线图 '给定标题objchart .hastitlc = trueobjchart. title. caption = "c类物资价格走势图(电瓶原液yg-1kg)'给定x,y轴的图示说明objchart. axes(0). hastitie = trueobjchart. axes(0). title. caption = "y 轴：价格(元/米)"objchart. axes（1）. hastitle = trueobjchar

10、t. axes （1）. title. caption = "x 轴：日期（年月）"'计算数据dim strseriesname as string ="图例 1"dim strcategory as string = "1" + control chars. tab + "2" + controlchars. tab + "3" + controlchars. tab+ "4" + controlchars. tab + "5" + contro

11、lchars. tab + "6" + controlchars. tabdim strvalue as string = "9" + controlchars. tab + "8" + controlchars. tab + "4" + controlchars. tab + "10" + controlchars. tab + "12" + controlchars. tab + "6" + controlchars.tab在代码中我们可以看出，要绘制

12、一张图表，只需完成三步。第一步， 定义绘图组件，包括创建图表。第二步定义文字说明，包括给定标题，设 置xy轴坐标。上图标题为c类物资价格走势图（电瓶原液yg-1kg） , x轴 为日期（年月），y轴为从2006年1月到2008年7月每半年的电瓶原液yg-1kg 价格。第三步定义数据，从数据库中引入数据，完成绘制图形。仅需要这 三步，我们就可以完成一张图表的绘制工作，不用去考虑一些细节上坐标 的定点问题。同样的道理，根据以上代码我们还可以绘制曲线图、柱状图、柱状图、 面积图、雷达图等各种图表，仅仅只需更改一个参数，非常简单便捷，易 于操作。下图为c类物资电瓶原液yg-1kg的价格走势图柱状图显示

13、：c类物资价格走势圈（电瓶原液yg-1kg200601200607200701200707x轴：日期（年月）12口单价200801200807此外，除了在物资价格审核管理系统中应用owe. chart组件绘制统计报表外，我们还应用这一技术绘制了数据中心我厂机采类型分布图，如下图4总结owe. chart这一绘图插件脱离了以前java绘图，gdi+绘图还需要一笔 一划绘制的烦琐方式。更改数据时，只需要在数据库中进行修改，所需图 形便自动绘制完成。如需更改所要图形种类，则只用改动参数即能在wed 页面上更简洁直观的显示出所需耍的图形。而java绘图等还需对图形格式, 排版等进行逐一调整。其次，ow

14、e. chart的应用降低了对技术人员的要求， 使技术人员能够很快掌握。但是owe. chart也具有一定的缺点，即不能随 意绘制图形。在java等绘图方式中，我们可随意绘制图形，例如生物等不 规则图形。而owe. chart则只可以绘制一般的规则的曲线图、折线图、柱 状图、面积图、雷达图等各种图表，这就使owe. chart产生了一定的局限 性。在油田生产中，需要提供的图表正是规则的曲线图、折线图、柱状图、 面积图、雷达图等各种图表，恰恰能满足油田生产的需要。这就使owe. chart 的局限性变成了在油田应用中的优势。简单快捷的应用方式能大大的提高 员工的工作效率，使他们在烦琐的绘图工作中脱离出来。正是如此， owe. chart的应用能为油田生产效率的提高提供了必要的保证。参考文