应用Zedgraph高效开发数据图表

1、D.KTABASE AND INFORMATION MAN.AGEMENT数据库和信息管理应用Zedgraph咼效开发数据图表朱亦钢(北京航空材料研究院材料数据中尼、北京1UOO95)摘 要：在软件的用户介而上应用图表.可以ft观地反映数据的走势，对T.NET平台开发的软件.开源Zed- graph类库提供了一种高效实现数据图形的方法。Zedgraph既可以用F Windows客户应用程序的开发.也可以在 web页中显示数据图形，山J代码圧开源的，具冇极大的灵活性，本文根据网络资源.系统介绍这一类库和类库的 使用.从下载安装过程到分别在客户端程序和Web程序中的使用方法以及软件使用中的一些经验

2、和要点.通过案例 的实施，为快速掌握Zedgraph的应用技术，提供了简捷的过程。关键词：图表；Zi-dgraph; C#.NET;用戸界而；开源软件Application of Zedgraph in Rapid Develop Graphic ChartZHU Yigang(Beijing Institute of Aeronautical Materials. Beijing 100095)/Abstract： Graphic vharl is an efleftive melh(xl to lei I he us(»r tasy and rapid underHlaixIs

3、the tendency of <lala For the software based on .Net framework. Zetlgraph class librar is a practical tool to rapid develop graphic chart This library can be used in eillter windows or Web program【)iw to the source ccxle openKl it is flexible in use This |>a|)er descrilies the usage of the sof

4、tware acconiing to public material fn>m internel and the exiwence in using Fnnii lhe <kmnloa<l and installation methods to the use in different cases and its technique notes, the samples in paper demonstrate the using of Zedgraph step by step.il时拖放图形化的控件到窗体中以下步骤通过实例叙述在 Windows程序开发中的设计时使用.代码

5、源门ZedCmpli Wiki 网页资源做部分修改.此处使用的是版本5.0.10的类库. 对应丁 VS.NET 2005开发平台Key words: chart: Zmlgraph: C#.NET; LI: ojmmi source1引言120Wacky Widget Company Production Report40060080010001200Tlmt, Days(Sim Plim Construction Startup)806040200C3O£C9图表是对数抿进行分析评估的常用T具.也址嚴血观的 表示数据的方法用户界面中便用适半的图表来表现数据. 可提高软件的性能和数据

6、的可读性.数据库件询和数据分析 中采用图表代替数据列表.能带给用戸快速證观的判断例 如股票K线均线和成交变化的進势图 许多&用数据分析轶 件如Excel、Origin尊都具有图形报衣功能,但在软件开发项 冃中需耍动态图形表示时.集成使用这些专业分析软件或绘 图轶件.经常遇到一宦的条件限制 从头编写GDI虽然理论 上完全可以实现.但无疑是低效率的方法。从开源代码中. 应用Zedgraph是在.NET平台开发图表界面的不错选择。200图1 Zedgraph的多种类型图表(1) 打开 Visual Studio 2005 中文版。(2) 从“文件”菜单中选择“新建” “项目”。(3) 选择“

7、Windms应用程序"取名为“加ICraphSam- pie'o(4) 在解决方案浏览窗口上.右健点击“引用"选择 “添加引用”。(5) 选择“浏览”标签,导航到ZedGraph.dll,点击“确 定”。可看到项目引用中増加了 ZKlGranh >Zedgraph是一个比校新的开源类库.使用C#涪言编写. 用来创建呈J：任总数据集的多种二维图形图像类库编写是 面向对象的，在编程使用时有着很强的灵活性,开发者可以 修改并反盖几V所冇图表持性的默认值.包括数值范闱、数 值单位、步长等由J：是开源代码.必耍时还可以对源代码 进行修改，啦新生成。类库允许在一张图丧中显

8、示多个数值 范鬧、多种单位以及多个坐标轴 图1是Zedgraph设计时应 用的控件默认紈示.其中包侖堆呑的柱状图、透明的覆盖图 以及垃充图的图表，还包育了图例和注释,， 2应用方法 2Windows应用程序Zedgraph的使用可以在运行时实例化对象.也可以在设本文收稿日期：2009-2-28-59 -© 1994-2010 China Academic Journal Electronic Publishing House. AH rights reserved, 电脑编程技巧与维护-6()-(6)在“视图”菜单中选择“匸具箱”,拉至工具箱底部 看“常规”选项卡的内容°如

9、果"ZedGraphContror*选项不存在.右键点击“常 规”选项卡并点迭“选抒项“。(8) 在M.Net Framework组件"标签下点击"浏览(B) (9) 导航到ZedGraph.dll文件，点击“打开”，之后点击 “确定”。(10) T.具箱中点击“ZedGr叫)hConlml”控件，再点窗体 中的放宜地点.或拖放控件到窗体实际上工具箱中的控件 拖放到樹体时，类库的引用1*1动添加.所以在设计时应用的 悄况下，之帕的添加引用过程可以省略(11) 窗体中点选"ZedGraphContior控件.视图菜单中 选择“凰件窗口”。(12) 把 Ze

10、dGraphControl 69 名称"(Name) ° 项填写成 4*zg|wt 默认通常是 <4zedGraphControl 1(13) 双击窗体(不是控件)切换到代码窗口,窗口模板 中带冇FonnlJjoad 0方法。(14) 在文件上部加上"using Zp<lGraph;M将下而的Cn*ateGrapl)0函数加到窗体类代码的Eonn 1类 定义中。private void CreateGraph ( ZedGraphControl zgc )GraphPane myPanc = zgc.GraphPane; myPane.Title.Te

11、xt = H My Test Date Graph” ： myPane.XAxis.Tille.Text = H X Value" myPane.YAxis.Tille.Text = ” My Y Axis": PointPairList list = new PointPairList (): for ( double x = 0: x < 36: x+ )double y = Maih.Sin ( x * Maih.PI / 15.0 );list.Add ( x, y );Lineitem myCurve = my Pane. AddC u rv e ( &qu

12、ot; My Curve” list. Color.Blue.SymbolType.Circle ):myCurvc.Line.Fill = new Fill ( Color.White. Color.Red. 45F);myCurve.Symbol.Hll = new Fill ( Color.White ); myPane.Chart.Fill = new Fill ( Color.White. Color.Light- GoldenrodYellow. 45F );myPane.Fill = new Fill ( Color.White, Color.FromArgb (220. 220

13、. 255) , 45F );zgc.AxisChange ():在窗体装载审件的方法Eonnl_Ix>a(l中调用上面的Create- Grapli 0 函数。private void Forml_Load (object sender. EventArgs e)CreateGraph (zgl);运行程序得到窗体中图2所示的图形.右键点击图形可图形设豐放在CreateGraph ()方法中.为的建方便之后可 能的乖复使用 在此处对控件对象进行了定制、准备数据和 外观设计.结合开发环境的智能感知功能町以尝试各种各 样的用形样式和风格2.2在Web程序中的使用Zedgraph用J： We

14、b H寸右两种绘制模式(RemlerMode).即 图像标识(ImageTag)模式和原图(Rawimage)模式。图像标 识方式是默认的方式.町以把图形控件与其他内容混排在网 页文件中但需要在网站中指定一个缓冲路径.默认路径是 T.作网站冃录下的“加l(；r;屮1山哪的”即使是默认的也不会 门动产生.需菱手工创建文件夹；采用原图模式不需要缓冲 路径.但图形控件需要独占一个as戶文件.在控件之前不可 以有其他显示内容.否则会发生冲突而不显示、2.2.1 ReiwlerMode. ImageTag 模式下面的案例描述使用图像标识模式的过程通过新建网 站首先产生下面列出的前两个页面文件和后台编码文

15、件.之 后在ASP.NET类型文件夹 亦中放入ZedGraplu川和Ze<l- Graph.«eb.dll库文件再建一个缓存用的普遍文件夹取名 "ZedGniphImages"下面圧创建后的文件列表:Default.aspxDefault.aspx.csBin/ZedGraph.dllBiiVZedGraph.Web.dl!ZedGraphlmages/注意ZedGraphlmages目录必須是Web用八可雪的0员然 默认文件夹是亦l(；raphhna哥.但也可在控件屈牲中抬定氏它 文件夹 同样GKheDuEion屈性指定了图像缓存的右效的抄 数 图像标识模

16、式是默认模式.hnageTag不需要显式设定. 在浏览器中实现图3所示的图像.首先在新建Web页面"DMaull.aspx"中放迓一个的 “ZedGraphWeb"控件ImageTag Ju默认模式 如果这时 “ZedGraphWeb”控件不在工具箱中.可按2.1中的方法,通 过导航到Ze<l(；raph. eb.<lll文件将英添加进丁具箱 Web窗体 中选择“ZedGraphWeb”控件后在其属性页选择事件图标.双 © 1994-2010 China Academic Journal Electronic Publishing House

17、. All rights reserved, D.KTABASE AND INFORMATION MAN.AGEMENT数据库和信息管理击 “ ReiulerGraph"产生事件函数 ZedGraphWeb l_Render- Grapho任看生成的脚本代码如下（只更改了页标题）:c孰图3 Ze<IGraph堆叠的柱状图<% Page Language = R C#” AutoEventWireup = - true" C(xleFile=K Default.aspx.csH Inherits=M .Default*1 %> <% Register

18、Assembiy=w ZedGraph.Webn Namespace=w ZedGraph.Web*1 TagPrefix=H ccl" %><! DOCTYPE html PUBLIC ' 一/W3C/DTD XHTML l.O Transitional/ENK ” /TR/xhtml l /DTD/ xhtml l -transitional.dtdM ><lnml xmlns=v hitp://l<MM)/xhtmlM ><hcad runat=M server* >应用

19、 ImageTag 模式</titie></head><body><form id=M form I” mnat=*t serve 广 ><ccl:ZedGniphWeb ID=" ZedGraphWebr* runat=M serv- erH OnRenderGraph=M ZedGraphWeb l_RenderGraph° /> </form></body></html>再修改产生图像的后台代码文件DefaulLaspx.cs,为文件 中的画图函数添加涌图语句:using

20、System:using System.Drawing;using ZedGraph: public partial class Default : System.Web.UI.Pageprotected void ZedGraphWeb l_Rendei Graph (ZedGraph. Web.ZedGraphWeb webObject, System.Drawing.Graphics g, ZedGraph.MasterPane pane)GraphPane myPane = pane ():myPane Title.Text = M Cat Stats* : myPane YAxis.

21、Title.Text = M Big Cats'* ;myPane XAxis.Title.Text = M Population* ;string labels = w Panther" , ” Lion*1Cheetah" Cougar0 ” Tiger" M Leopard" :double x = | 1(X). 115. 75, 22. 98仙;double x2 = 120, 175, 95, 57, 113, 11() ; double x3 = 2(H. 192. 119. 80. 134. 156 ; Baritem myCur

22、ve = myPane.AddBar (H Here* , x, null, Color.Red):myCune.Bar.Fill = new Fill (Color.Red. Color.White, Color.Red. Oof);myCurve = myPaiie.AddBar ( H There" , x2, null. Color.Blue);myCune.Bar.Fill = new Fill (Color.Blue. Color.White. Color.Blue. 9()0 ;myCurve = myPane.AddBar (w Elsewhere*1 . x3. n

23、ull. Color.Green);myCurve.Bar.Fill = new Fill ( Color.Green, Color. White. Color.Green, 9of);myPane. YAxis.MajorTic.IsBelweenLabels = true: myPane. YAxis.Scale.TextLabels = labels;myPane. YAxis.Type = AxisType.Text: myPane. BarSettings.Type = BarType.Stack: myPane.BarSettings.Base = BarBase.Y;myPane

24、.Chart.Rll = new Fill (Color.Whiie,Color.FromArgb (25S, 255, 166) . 45.0F); pane.AxisChange (g);案例的图形來I ZecIGraphWiki,为廿省篇幅和简化程序. 这电采用VS.NET 2(X)5网站的设计时方法.并去掉了注秤部 分。在任何时候添加或改变数据郁通过调用AxdCkmge ()函 数来更新图形 这个函数告诉digraph 新计算数据轴的范 用| AvisChange ()可以在任何时候调用它根据当时的数据 点对坐标轴范围进行更新.如果不想改变轴的比例.则应避 免调用此函数。2.2.2 R

25、eixlerMocle. Raw Image 模式釆用原图模式时.冇图形的aspx文件是作为img元素的 源.aspx文件中只能有一个ZedGmphWeb控件.在它前面存 在其他元素时图形将不显示“下例说明如何使用原图模式 进行Web页中的画图 案例中是在一般的html页中添加 Hau Image模式的ZedGraphWeb图形它J.aspx文件的形式 实现这一过程.需要参照前而的方法在网站中构建以下的3 个页面文件和bin目录下的库文件:StanPage.htmlDefault.aspxDefauh.aspx.esbi»/zedgraph.dllbi»/zedgraph.

26、web.dllStartPage是_个litml文件.采用aspx文件也是可以的, 只是这1n不需要编写后台代码 在项目中将具设为起始页 （管理器中右键点击文件名可设定通Default是起始页） 下面見页中的代码:<l)ead><title>使用 Rawlinage 模式</title></head><hody><img src=w Default.aspx* /></body>（下转到124页）</html>-61 -© 1994-2010 China Academic Journal

27、Electronic Publishing House. AH rights reserved, 电脑编程技巧与维护(2) 采用JavaScript进行客户信息的完整性和正确性验证(3) 使用ADO.NET技术。(4) 数据库的动态访问，(5) 基 J： Internet 的 B/S 模式4 结语阐述了基J-HnJjM流行的B/S模式教学反馈系统的设计思 想和设计方案if细阐述各子模块系统的设计策略.较为 全而地反映了网络环境的非实时交互和实时交互的教学模式 及其管理这对iE在进行的网络教学的资源建设有玳大的意义和实用价值参考文献1 Christian Nagel著.NET企业服务框架.电子工

28、业出版社.2 Christian Nagel. C#高级编程.清华大学出版社.3 李總奇.ASP.NET程序设计.人民邮电出版社.作者简介H玉朝.男(1974-)高校讲师.在读研究生研究方向:计算机应用与计算机软件工程:© 1994-2010 China Academic Journal Electronic Publishing House. All rights reserved, 电脑编程技巧与维护© 1994-2010 China Academic Journal Electronic Publishing House. All rights reserved, 电

29、脑编程技巧与维护(上接第61页)下一步修改项目生成的I)efault.aspx页.在设计方式中添 加进 ZedGraphW eb 控件之肩,添加 Ze<lGrapliWebl_Ken(ler- Graph节件函数.方法打上例相同。下面是Default.as|)x页:面 文件的全部内容：<% Page Language二"C#M CodeFile=H DefauIt.aspx.csH lnherits=M Deiaull* %><% Register TagPrefix=t, zgwn Namespace=M ZedGraph. Web" Assemb

30、ly-” ZedGraph.WebM %><ZGW:ZEDGRAPHWEB id 二” ZedGraphWebr* runat = w server* width = ” 3(Mf Height = w 2(Kf RcnderMcxle =" Rawlmage" OiiRenderGraph = w ZedGraph Web lRender- Graph* t>此时RiMiderMode屈性川明为Image" 对代码文件 Default.aspx.cH的处理与上例相同.文件内容2.2.1的文件也 完全相同，它绘制了图3表示的柱状图，3控件常用的定

31、制类经过上而的过程之晴.可以尝试各种不同的图形Zed- graph Mi很大的灵活性.通过修改作图屈性能在很大的范 閘改变瞬法 图形的所右部件邯封装在类结构中,它们具有 控制输出的町修改屈件.表I列出/部分digraph控件的常 用对象，便于进一步改变图形时参考。对于每个类的具体细 节可参考Z<-(lgraph的XMI.文档通过访问这些类的屈性町以对图形进行修改，使其符 介期垫的数据表现形式，利用VS.NET开发平台提供的秤能感 知功能.只要对粥出的对象和属性进行选择操作即可改变图 形，实现需要的样式。Zedgraph类库用C#语言开发,本文代 码也足用c#语言写的.HiT-.net平台

32、的多语言特性.直他语 言也可以便用。4 结语在软件项冃开发中应用Zedgraph模块进行应用界而的开 发能方便宜观地表爪数据内容.类库较强的绘图功能和一 定的疽染能力,可以画出表现出色的图形,适合丁一般常见 科学数据的表达由J：程序开发是面向对象的.可以方便地 对其进行泄制或继承，满足待殊应用时的需夔本文从初始 应用角度出发，通过虽简収的图形.对Zedgraph开源画图程 序的使用方法做初步的介绍.分别讲述控件在Windows 客门端程序和Web程序中的应用.以及Web程库中的两种图像产卞方式.对使用中的要点作说明表1 Z<*(lgraph使用中常见的定制对彖类名说明对多个的灾廉生T PunrlU-. K便用不是 必須的凶为町以血慢便川CrhP.d!它捉供和竹理G；叫ihRme的方法irrupKPiiu*由 也<*险疣源'1： 包括所有其它的关作为其値性也包播控件中啊的杯臥W腭»1商於第X Axi*. YAmk Y2ALA*类的f类包折的许娄物伽划度、网怙做色删也 字体栋题和样式Srale堆护A心矣的个类实鬧 包括比例范3 步K、格式和#示 a#可以定文眦线也姉散、丈字1期"次曲数线性繳 序和时邛end描述图例位就、宇休濮色等规定的类Curv