【.NET全栈】ZedGraph图表库的介绍和应用

文章目录

  • 一、ZedGraph介绍
      • ZedGraph的特点
      • ZedGraph的缺点
      • 使用注意事项
  • 二、ZedGraph官网
  • 三、ZedGraph的应用
  • 四、ZedGraph的高端应用
  • 五、、总结

一、ZedGraph介绍

ZedGraph 是一个用于绘制图表和图形的开源.NET图表库。它提供了丰富的功能和灵活性，可以用于创建各种类型的图表，包括折线图、柱状图、饼图等。ZedGraph 支持多种数据源，包括数组、数据表和实时数据流，同时还提供了丰富的定制选项，使用户能够轻松地定制图表的外观和行为。这个库在.NET开发中被广泛应用于数据可视化和报表生成等领域。

在这里插入图片描述
ZedGraph.dll的源码库代码：
在这里插入图片描述

ZedGraph的特点

  • 可以先生成图片后再显示，这对一些多用户并发有点帮助。（RenderMode.ImageTag）
  • 可以动态生成，不用保存文件，可以减少IO的读写消耗。（RenderMode.RawImage）
  • 比较多的呈现方式，比如曲线图、柱状图、饼图等。

ZedGraph的缺点

  • 编码的时候，在设置属性不方便，一点注释都没有，不要说是中文的啦，就连英文都没有，太不方便了。
  • 图表的显示比较简陋，没有OpenFlashChar来得好看。

使用注意事项

  • dll文件当前的最新版本是5.1.5，我以前也使用过4.3.4的版本，这两个版本的差别很大，很多属性都已经不存在了，面向对象的感念可能加强了不少，也清晰了不少，因为现在的属性设置都是先实体，再属性了，而以前就比较混乱了。所以在使用不同的版本的时候要注意这点。
  • 在Windows Forms和 ASP.Net Web Form项目中使用是不同。

二、ZedGraph官网

https://sourceforge.net/projects/zedgraph/files/

官网中可以看到ZedGraph的介绍，在文件列可以下载dll文件和使用例子。都是.NET平台下C#语言的，可以在VisualStudio中查看代码，以及运行代码
在这里插入图片描述

三、ZedGraph的应用

1、新建WinForm项目。

在这里插入图片描述

2、在官网中下载ZedGraph.dll库文件，在项目中引用，并添加命名空间。

在这里插入图片描述
在这里插入图片描述

3、工具箱中添加ZedGraph控件。

在这里插入图片描述
在这里插入图片描述
4、在Form1中拖入一个ZedGraphControl控件，修改name属性为myZedgraph。

在这里插入图片描述
5、项目中的代码如下：

这是一个简单的 Windows 窗体应用程序，使用 ZedGraph 库来绘制速度随时间变化的曲线图。关键步骤如下：

1）. 初始化图表控件 (InitZedGraph 方法):

  • 在 InitZedGraph方法中，首先获取 GraphPane对象，然后设置图表的标题、X轴和Y轴的标题。
  • 接着使用 PointPairList对象 vlist存储时间和速度的数据点。
  • 使用 AddCurve方法创建一条红色的菱形样式曲线，并将数据点 vlist绑定到曲线上。
  • 设置了一些图表的显示样式，如网格线、刻度颜色、背景颜色等。
  • 最后调用 AxisChange 方法刷新轴。

2）. 定时器刷新曲线 (ChartTimer_Tick 方法):

  • 在 ChartTimer_Tick方法中，通过定时器每隔一定时间触发，模拟生成随机速度数据，并将新的数据点添加到 vlist 中。
  • 每次添加新数据后，更新时间 time 的值，并调用 AxisChange 方法和 Refresh方法刷新曲线。

3）. Form1 构造函数:

  • 在构造函数中，初始化 ZedGraph 控件并启动定时器，每隔一定时间刷新曲线。

4）. Form1_Load 方法:

  • 在 Form1_Load 方法中，弹出一个消息框显示 “Hello world!”。
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using ZedGraph;namespace WindowsFormsApp1
{public partial class Form1 : Form{//定时器刷新曲线Timer ChartTimer;//时间int time = 30;//记录曲线值PointPairList vlist = new PointPairList();public Form1(){InitializeComponent();//初始化ZedGraphInitZedGraph();ChartTimer = new Timer(){Interval = 300,};ChartTimer.Tick += ChartTimer_Tick;ChartTimer.Start();}private void Form1_Load(object sender, EventArgs e){MessageBox.Show("Hello world!");}#region 初始化图表控件private void InitZedGraph(){GraphPane myPane = myZedGraph.GraphPane;myPane.IsAlignGrids = true;myPane.Title.Text = "测试速度";myPane.XAxis.Title.Text = "时间";myPane.YAxis.Title.Text = "速度";for (int i = 0; i < 30; i++){double time = (double)i;double acceleration = 2.0;double velocity = acceleration * time;vlist.Add(time, velocity);}//生成一条红色的菱形样式曲线，将曲线和值vlist绑定//生成速度图例LineItem myCurve = myPane.AddCurve("速度", vlist, Color.Red, SymbolType.Diamond);//填充白色myCurve.Symbol.Fill = new Fill(Color.White);//显示X的网格线myPane.XAxis.MajorGrid.IsVisible = true;//设置Y轴刻度为红色myPane.YAxis.Scale.FontSpec.FontColor = Color.Red;myPane.YAxis.Title.FontSpec.FontColor = Color.Red;//隐藏Y轴对面的刻度显示myPane.YAxis.MajorTic.IsOpposite = false;myPane.YAxis.MinorTic.IsOpposite = false;// 不显示Y轴的0刻度线myPane.YAxis.MajorGrid.IsZeroLine = false;myPane.YAxis.MajorGrid.IsVisible = true;myPane.YAxis.MajorGrid.Color = Color.Red;//设置刻度范围myPane.YAxis.Scale.Align = AlignP.Inside;myPane.YAxis.Scale.Max = 100;myPane.YAxis.Scale.MaxAuto = true;//设置chart的背景颜色myPane.Chart.Fill = new Fill(Color.White, Color.LightGoldenrodYellow, 45.0f);//刷新轴myZedGraph.AxisChange();}#endregion/// <summary>/// 刷新曲线/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void ChartTimer_Tick(object sender, EventArgs e){//随机数据模拟Random random = new Random();double v = random.Next(30, 60);//添加新的数据vlist.Add(time, v);time += 2;//曲线刷新myZedGraph.AxisChange();myZedGraph.Refresh();}}
}

运行结果，动态增加点：
在这里插入图片描述

数据点和线等属性可以调整：
在这里插入图片描述

6、需求升级
客户不想看到这么多数据，只想看到最新的前三十条数据怎么做呢？
方法1 判断数据是否超过30，大于30之后每添加新的数据就把最前面的一个数据移除掉
方法2 不需要移除数据，更新X轴的范围，让其只绘制前面30个数据。这个方法需要知道30个数据X轴的具体值是多少。

方法1：修改定时器刷新函数ChartTimer_Tick(object sender, EventArgs e)
1）. 随机数据模拟:

  • 首先通过 Random 类生成一个随机速度值 v ，范围在 30 到 60 之间。

2）. 添加新的数据:

  • 使用 vlist.Add(time, v) 将新的数据点添加到 vlist 中，其中 time 是时间值，每个点的时间间隔为 2。

3）. 保留最新的 30 个数据:

  • 在 if (vlist.Count > 30) 的条件判断中，当数据点数量超过 30 个时，通过 vlist.RemoveAt(0) 移除最早的数据点，以保持数据点数量为最新的 30 个。

4）. 曲线刷新:

  • 最后调用 AxisChange 方法和 Refresh 方法刷新曲线，确保新的数据点能够正确显示在图表中。

这段代码实现了在不断更新数据点的同时保留最新的 30 个数据点，确保图表中显示的数据点数量不会无限增长。这样可以有效管理数据点的数量，避免数据量过大导致图表显示效果不佳。

 /// <summary>/// 刷新曲线/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void ChartTimer_Tick(object sender, EventArgs e){//随机数据模拟Random random = new Random();double v = random.Next(30, 60);//添加新的数据vlist.Add(time, v);time += 2;#region 方法1if (vlist.Count > 30){// 保留最新的30个数据vlist.RemoveAt(0);}#endregion//曲线刷新myZedGraph.AxisChange();myZedGraph.Refresh();}

结果如下：可以看到数据量一直保持在30个，前面的数据会被移除掉。
在这里插入图片描述
方法2：
1）. 随机数据模拟:

  • 首先通过 Random 类生成一个随机速度值 v ，范围在 30 到 60 之间。

2）. 添加新的数据:

  • 使用 vlist.Add(time, v) 将新的数据点添加到 vlist 中，其中 time 是时间值，每个点的时间间隔为 2。

3）. 更新数据点的时间间隔:

  • 每次添加新数据后，更新时间 time 的值，确保每个数据点的时间间隔为 2。

4）. 方法1 (注释部分):

  • 这部分代码是一种方法来保留最新的 30 个数据点，当数据点数量超过 30 个时，移除最早的数据点。

5）. 方法2:

  • 这部分代码是另一种方法来限制数据点数量为 30 个，并更新X轴的显示范围。
  • 当数据点数量达到或超过 30 个时，设置X轴的最大值为当前时间 time ，并根据每个点的时间间隔计算出X轴的最小值，以确保只显示最新的 30 个数据点。

6）. 曲线刷新:

  • 最后调用 AxisChange 方法和 Refresh 方法刷新曲线，确保新的数据点能够正确显示在图表中。

这段代码实现了在不断更新数据点的同时限制数据点数量为最新的 30 个，并根据数据点的时间间隔更新X轴的显示范围。这样可以保持图表中显示的数据点为最新的数据，同时避免数据点数量过多导致图表混乱。

 /// <summary>/// 刷新曲线/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void ChartTimer_Tick(object sender, EventArgs e){//随机数据模拟Random random = new Random();double v = random.Next(30, 60);//添加新的数据vlist.Add(time, v);//每个点的时间间隔time += 2;#region 方法1//if (vlist.Count > 30)//{// 保留最新的30个数据//    vlist.RemoveAt(0);//}#endregion#region 方法2if (vlist.Count >= 30){//更新X轴的显示范围myZedGraph.GraphPane.XAxis.Scale.Max = time;//每个点的时间间隔myZedGraph.GraphPane.XAxis.Scale.Min = time - (30 * 2);}#endregion//曲线刷新myZedGraph.AxisChange();myZedGraph.Refresh();}

运行如下：这个效果就看着比较连续，没有太多空旷的地方
在这里插入图片描述

四、ZedGraph的高端应用

ZedGraph的图表种类、属性很多，可以搜索相关实际高端应用，学习一下这个控件的强大功能的使用场景。
在这里插入图片描述

五、、总结

这篇文章是关于 ZedGraph 图表库的介绍和应用指南。文章主要包括以下内容：

  1. ZedGraph介绍：介绍了 ZedGraph 是一个用于绘制图表和图形的开源.NET图表库，具有丰富的功能和灵活性，适用于各种类型的图表，如折线图、柱状图、饼图等。同时列出了 ZedGraph 的特点和缺点，并提到了在不同版本之间的差异。

  2. ZedGraph官网：提供了 ZedGraph 的官方网址，用户可以在该网站上找到库文件的下载和使用示例。

  3. ZedGraph的应用：详细介绍了如何在 WinForm 项目中使用 ZedGraph 库，包括下载库文件、引用和添加控件等步骤。同时给出了示例代码，展示了如何在 Windows 窗体应用程序中绘制速度随时间变化的曲线图。

  4. 需求升级：针对客户需求升级，只展示最新的前三十条数据，提供了两种方法来实现这一需求。方法一是保留最新的 30 个数据点，方法二是更新X轴的显示范围，只绘制前面 30 个数据点。提供了相应的代码和运行结果展示。

  5. 总结：文章对整个内容进行了总结，概括了 ZedGraph 的特点、官网地址、应用方法以及需求升级的实现方式。为读者提供了全面的了解和使用指导。

如果你喜欢我的文字，还有一个专门输出心情类文字的地方：(wx)搜索：llxxmev

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/790981.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

国外媒体推广软文宣发：促进海外宣发新风尚，迈向国际舞台

国外媒体推广软文宣发：促进海外宣发新风尚，迈向国际舞台

大舍传媒http://www.dashemeijie.com 序言 伴随全球经济一体化发展趋向&#xff0c;越来越多的中国企业希望在国际舞台上表现自己的总体水平。而国外媒体软文发稿作为一种全新的海外宣传方式&#xff0c;正逐渐成为促进海外宣发新风尚的主要常用工具。接下来我们就探讨国外媒…
阅读更多...
uniapp自定义卡片轮播图

uniapp自定义卡片轮播图

效果图 1、封装组件 <template><view><!-- 自定义卡片轮播 --><swiper class"swiperBox" :previous-margin"swiper.margin" :next-marginswiper.margin :circular"true"change"swiperChange"><swiper-ite…
阅读更多...
Vue项目中 安装及使用Sass（scss）

Vue项目中 安装及使用Sass（scss）

普通方法 一、安装使用scss 1. 安装 scss npm install scss --save2. 安装 node-sass 和 sass-loader sass-loader&#xff1a;把 sass编译成css node-sass&#xff1a;nodejs环境中将sass转css 提示&#xff1a;限制 node-sass&#xff0c;sass-loader 版本号&#xff0c;…
阅读更多...
华为服务器RAID配置教程 服务器硬盘故障处理帮助 浪潮RAID配置教程 磁盘阵列配置通用教程

华为服务器RAID配置教程 服务器硬盘故障处理帮助 浪潮RAID配置教程 磁盘阵列配置通用教程

前言&#xff08;本文档持续更新&#xff09; 本文主要记录服务器配置RAID&#xff08;磁盘阵列&#xff09;过程中存在的细节问题及官方文档无法解决的问题的解决方案 配置环境 华为 RH2288 v3服务器配置RAID组 如何快速配置 1.找到服务器品牌的阵列卡型号&#xff0c;找不到…
阅读更多...
了解 Solidity 语言：构建智能合约的首选编程语言

了解 Solidity 语言：构建智能合约的首选编程语言

了解 Solidity 语言&#xff1a;构建智能合约的首选编程语言 Solidity 是一种用于编写智能合约的高级编程语言&#xff0c;广泛应用于以太坊和其他以太坊虚拟机&#xff08;EVM&#xff09;兼容的区块链平台。它是以太坊智能合约的首选语言之一&#xff0c;具有丰富的功能和灵活…
阅读更多...
hexo博客7：构建简单的多层安全防御体系

hexo博客7：构建简单的多层安全防御体系

【hexo博客7】构建简单的多层安全防御体系 写在最前面理解全面安全策略的重要性防御常见的网络攻击1. SQL注入攻击2. 文件上传漏洞3. 跨站脚本攻击&#xff08;XSS&#xff09;4. 跨站请求伪造&#xff08;CSRF&#xff09;5. 目录遍历/本地文件包含&#xff08;LFI/RFI&#x…
阅读更多...
基础篇3 浅试Python爬虫爬取视频，m3u8标准的切片视频

基础篇3 浅试Python爬虫爬取视频，m3u8标准的切片视频

浅试Python爬取视频 1.页面分析 使用虾米视频在线解析使用方式&#xff1a;https://jx.xmflv.cc/?url目标网站视频链接例如某艺的视频 原视频链接 解析结果: 1.1 F12查看页面结构 我们发现页面内容中什么都没有&#xff0c;video标签中的src路径也不是视频的数据。 1.2 …
阅读更多...
SCP 从Linux快速下载文件到Windows本地

SCP 从Linux快速下载文件到Windows本地

需求&#xff1a;通过mobaxterm将大文件拖动到windows本地速度太慢。 环境&#xff1a;本地是Windows&#xff0c;安装了Git。 操作&#xff1a;进入文件夹内&#xff0c;鼠标右键&#xff0c;点击Git Bash here&#xff0c;然后输入命令即可。这样的话&#xff0c;其实自己本…
阅读更多...
LabVIEW电力设备在线监测系统

LabVIEW电力设备在线监测系统

LabVIEW电力设备在线监测系统 在电力行业中&#xff0c;变电站的稳定运行对于保障电力系统的安全性和可靠性至关重要。开发了一种基于LabVIEW软件开发的变电站电力设备在线监测系统&#xff0c;实时监控变电站内部的电力设备状态&#xff0c;确保电力传输的高效与安全。通过对…
阅读更多...
Hadoop和zookeeper集群相关执行脚本（未完，持续更新中~）

Hadoop和zookeeper集群相关执行脚本（未完，持续更新中~）

1、Hadoop集群查看状态 搭建Hadoop数据集群时&#xff0c;按以下路径操作即可生成脚本 [test_1analysis01 bin]$ pwd /home/test_1/hadoop/bin [test_01analysis01 bin]$ vim jpsall #!/bin/bash for host in analysis01 analysis02 analysis03 do echo $host s…
阅读更多...
【flutter封装图片/视频选择控件】

【flutter封装图片/视频选择控件】

引入库 wechat_assets_picker: ^6.0.5 、video_player: ^2.5.1 # 视频播放、 flutter_screenutil: ^5.7.0 import dart:async; import dart:io; import package:generated/l10n.dart; import package:jade/configs/PathConfig.dart; import package:jade/customWidget/addImag…
阅读更多...
Linux：ip和ip协议的初步认识

Linux：ip和ip协议的初步认识

文章目录 ip协议基本认识ip协议的报头网段划分ip的类型划分 ip协议基本认识 前面对于TCP的内容已经基本结束了&#xff0c;那么这也就意味着在传输层也已经结束了&#xff0c;那么下一步要进入的是的是网络层&#xff0c;网络层中也有很多种协议&#xff0c;这里主要进行解析的…
阅读更多...
安装Qrcode库的方法最终解答！_Python第三方库

安装Qrcode库的方法最终解答！_Python第三方库

安装Python第三方库Qrcode 我的环境&#xff1a;Window10&#xff0c;Python3.7&#xff0c;Anaconda3&#xff0c;Pycharm2023.1.3 Qrcode库 Qrcode库是一个专门生成二维码的库。它能够让你很容易地创建不同大小、颜色和包含不同类型数据的二维码&#xff0c;支持生成 GIF 动…
阅读更多...
力扣2684---矩阵中移动的最大次数（DFS，Java、中等题）

力扣2684---矩阵中移动的最大次数（DFS，Java、中等题）

目录 题目描述&#xff1a; 思路描述&#xff1a; 代码&#xff1a; 纯递归&#xff1a; 带有记忆化搜索的递归&#xff1a; 题目描述&#xff1a; 给你一个下标从 0 开始、大小为 m x n 的矩阵 grid &#xff0c;矩阵由若干 正 整数组成。 你可以从矩阵第一列中的 任一 单…
阅读更多...
基于ZooKeeper的Kafka分布式集群搭建与集群启动停止Shell脚本

基于ZooKeeper的Kafka分布式集群搭建与集群启动停止Shell脚本

下载Kafka压缩包 下方是Kafka官网下载地址&#xff0c;本文使用Kafka 3.0.0在虚拟机环境中搭建分布式集群。 Apache Kafka Downloads link 虽然在Kafka 2.8.0之后可以使用KRaft模式搭建高可用的集群以提高数据处理效率&#xff0c;但是目前还有许多企业依然使用ZooKeeper搭建K…
阅读更多...
Linux驱动学习：从Linux主机nfs共享文件到uboot

Linux驱动学习：从Linux主机nfs共享文件到uboot

第一步&#xff1a;在Linux主机上开启NFS服务&#xff0c;使用如下命令安装NFS服务&#xff1a; sudo apt-get install nfs-kernel-server rpcbind 第二步&#xff1a;创建一个文件夹用于共享&#xff0c;直接以nfs命名就行&#xff1a; 第三步&#xff1a;打开nfs服务配置文…
阅读更多...
go库x/text缺陷报告CVE-2022-32149的处理方案

go库x/text缺陷报告CVE-2022-32149的处理方案

#问题描述 go库 golang.org/x/text &#xff0c;注意这里不是go的源码&#xff0c; 在0.3.8版本之前存在一个缺陷(Vulnerability) 缺陷ID CVE-2022-32149 具体描述 攻击者可以通过制作一个Accept-Language报头来导致拒绝服务。 具体的原因是&#xff0c;在解析这个Accept-L…
阅读更多...
CSS3新增的语法（三）【2D,3D,过渡，动画】

CSS3新增的语法（三）【2D,3D,过渡，动画】

CSS3新增的语法&#xff08;三&#xff09;【2D,3D,过渡&#xff0c;动画】 10.2D变换10.1. 2D位移10.2. 2D缩放10.3. 2D旋转10.4. 2D扭曲&#xff08;了解&#xff09;10.5. 多重变换10.6. 变换原点 11. 3D变换11.1. 开启3D空间11.2. 设置景深11.3. 透视点位置11.4. 3D 位移11…
阅读更多...
反截屏控制技术如何防止信息通过手机拍照泄漏？

反截屏控制技术如何防止信息通过手机拍照泄漏？

反截屏控制技术为企业数据安全提供了重要的防护措施。通过以下几点&#xff0c;有效阻止了信息通过拍照等方式的泄漏&#xff1a; 反截屏控制开启&#xff0c;用户启动截屏操作时&#xff0c;允许非涉密内容截屏操作&#xff0c;但所有涉密内容窗口会自动隐藏&#xff0c;防止涉…
阅读更多...
Spark-Scala语言实战（11）

Spark-Scala语言实战（11）

在之前的文章中&#xff0c;我们学习了如何在spark中使用RDD中的cartesian,subtract最终两种方法。想了解的朋友可以查看这篇文章。同时&#xff0c;希望我的文章能帮助到你&#xff0c;如果觉得我的文章写的不错&#xff0c;请留下你宝贵的点赞&#xff0c;谢谢。 Spark-Scal…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023