zoukankan      html  css  js  c++  java
  • ZedGraph使用浅析

    ZedGraph是一个开源的控件,提供了用户控件和web控件。它可以创建2D的线性图、条形图和饼图。介绍了ZedGraph的主要类和多维数据,论述了如何将ZedGraph控件应用到多维数据图形显示中,利用ZedGraph可以简单、方便地实现了多维数据的可视化。

    1 使用ZedGraph创建柱形图
    1.1 准备ZedGraph相关控件
    本文主要讲的是ZedGraph在 Web页面上的使用,运用的编程语言为C#。在Web页面上使用ZebGraph控件,需要用到ZebGraph.dll和ZedGraph.Wed.dll两个程序集文件。

    目前,ZedGraph控件已经出现了很多版本。由于我机器的系统是WinXP的、VS版本是2005的以及环境为Framework 2.0,所以我用的ZedGraph的版本是 VESION-514_464。至于ZedGraph的版本和Framework的版本的兼容问题,我没有花心思去探讨,主要是因为时间紧迫没来的急,所以请大家多多体谅。

    由于ZedGraph控件的代码是开源的,所以网上有很多网站都提供下载。(你只要打开浏览器,输入百度或者Google等搜索引擎的页面,在输入框中输入“ZedGraph 下载”,然后点击搜索按钮或者敲回车键,页面会出现许多关于ZedGraph下载的相关信息,最后,你只需要从正确的页面上下载就可以了。)

    1.1 创建和制作测试网站
    创建项目文件
    步骤:

    1.打开VS2005开发工具

     

    2.鼠标单击新建——>网站


    3.选择你需要的解决方案模板选择项目存储路径和输入项目名称,单击确定

    结果如下:

    配置环境 (添加ZedGraph组件)

    1.在工具栏中添加ZedGraph控件

    在控件工具箱中右击鼠标右键——>选择项——>Com组件——>选择ZedGraph.dll 和ZedGraph.Web.dll文件——>确定

    工具箱中就会出现相应的图标


    2.向Default.aspx页面中添加ZedGraphWeb控件,结果显示如下

     

    3.在主目录下新建文件夹images

    4.向Bin目录中添加ZedGraph.dll和ZedGraph.Web.dll,如下:


    编码

    1.简单属性设置,在属性栏中设置

    Height(控件高度):486

    Width(宽度):800

    TmpImageDuration(产生临时文件间隔):0

    RenderedImagePath(临时文件产生路径):~/images/

    2.在页面加载事件中订阅ZedGraphWeb控件的RenderGraph事件


    3.ZedGraphWeb_RenderGraph事件主要编码

    //坐标设置省略

    //模拟数据

            Random rand = new Random();

            PointPairList pointList = new PointPairList();

            PointPairList pointList2 = new PointPairList();

    PointPairList pointList3 = new PointPairList();

            for (int i = 0; i < 7; i++) {

            //如果x軸是大小數字的時候,要考慮i值

            pointList.Add(i, rand.NextDouble() * 100);

            pointList2.Add(i, rand.NextDouble() * 100);

            pointList3.Add(i, rand.NextDouble() * 100);

      }

    //添加柱状图

            graphPane.AddBar("新客户", pointList, Color.Black).Bar.Fill = new Fill(Color.Red, Color.White, Color.Red, 0f);

           graphPane.AddBar("老客户", pointList2, Color.Black).Bar.Fill = new Fill(Color.Green, Color.Yellow, Color.Green, 0f);

    graphPane.AddBar("新产品", pointList3, Color.Black).Bar.Fill = new Fill(Color.Blue, Color.White, Color.Blue, 0f);

    //更新视图

    pane.AxisChange(g);

    1.3 运行测试网站
    结果如下:


     

  • 相关阅读:
    Java 异常Exception e中e的getMessage()和toString()以及 e.printStackTrace();方法的区别
    js几秒以后倒计时跳转示例
    Java读取property配置文件
    js 设置下拉框的默认值
    JS的可枚举性
    Object的原型拷贝-create、assign、getPrototypeOf 方法的结合
    JS 事件循环机制
    vue nextTick深入理解-vue性能优化、DOM更新时机、事件循环机制
    vue 实战问题-watch 数组或者对象
    vue2.0读书笔记2-进阶
  • 原文地址:https://www.cnblogs.com/ericgisser/p/chart_zedgraph.html
Copyright © 2011-2022 走看看