使用ZedGraph制作动态更新的统计图

简介:
ZedGraph 是很好的.net下的统计图开源项目,与其他的一些统计图控件相比,ZedGraph由于是直接在画布上作画,而不是生成图片显示,所以性能比较好,在诸如股市的实时走势图,显示cpu使用率等实时性较强的应用中有很好的表现,方法并不难,但是由于很少有人写这方面的文章,又正巧在其他论坛中看到有这方面的问题,所以写了下面的例子。
 
ZedGraph在描画折线图的时候,将所有的坐标点都保存在PointPairList中,在画线的时候以这个为XY坐标。要作动态的折线图,实际上就是不断在这个PointPairList中添加点坐标,然后刷新就可以了。
 
代码很简单:
Random ran = new Random();
PointPairList list = new PointPairList();
LineItem myCurve ;
Random 用来生成示例数据,也就是Y坐标,PointPairList用来存放点集合。myCarve就是要画的线了。当然,不能忘了在窗体上添加zedGraph的控件。
 
为了突出效果,我们在FormLoad事件中加上下面的代码:
this.zedGraphControl1.GraphPane.Title.Text = "动态折线图";
this.zedGraphControl1.GraphPane.XAxis.Title.Text = "时间";
this.zedGraphControl1.GraphPane.YAxis.Title.Text = "数量";
this.zedGraphControl1.GraphPane.XAxis.Type = ZedGraph.AxisType.DateAsOrdinal;
           
for (int i = 0; i <= 100; i++)
{
    double x = (double)new XDate(DateTime.Now.AddSeconds(-(100 - i)));
    double y = ran.NextDouble();
    list.Add(x, y);
}
DateTime dt = DateTime.Now;
           
myCurve = zedGraphControl1.GraphPane.AddCurve("My Curve",
    list, Color.DarkGreen, SymbolType.None);
           
this.zedGraphControl1.AxisChange();
this.zedGraphControl1.Refresh();
 
这样,窗体加载后就可以看到已经画出了一条折线图。可能象下面的样子:

 

但是现在,这条线现在还不会动,为了让它动起来就要定时给 PointPairList 中添加坐标。
添加一个 Timer 控件,设置 Interval 属性为 1000 ,然后在 Timer Tick 事件中添加代码:
zedGraphControl1.GraphPane.XAxis.Scale.MaxAuto = true;
double x = (double)new XDate(DateTime.Now);
double y = ran.NextDouble();
list.Add(x, y);
this.zedGraphControl1.AxisChange();
this.zedGraphControl1.Refresh();
运行,就会看到线条动起来了。
 
如果要在折线图内显示指定数量的点,只需要在添加坐标之前把第一个坐标点去掉:
if (list.Count >= 100)
{
    list.RemoveAt(0);
}
 
如果要象windows任务管理器中的cpu使用率那样,刚开始的时候是空的,随着时间的推移才逐渐画满,可以在初始化的时候填几个Y坐标为0的点:
for (int i = 0; i <= 100; i++)
{
    double x = (double)new XDate(DateTime.Now.AddSeconds(-(100 - i)));
    double y = 0;
    list.Add(x, y);
}
 
实际上,代码是比较简单的,关键就在于性能,在上面的代码中,在生成折线的时候使用的是 SymbolType.None ,如果使用其他几种,折点可以表示为方型,星形等图形,性能就要下降很多,例如,按照上面的代码,在我windows2000 专业版,赛扬1.7G512内存的条件下,可以显示10000个点,而且没有明显的停顿现象,但是如果将折点的图形设置为SymbolType.Diamond,例如下图这样:

10000个点的情况下停顿现象非常严重,实际上,不到2000个点就已经有明显的感觉了。同时在描线的时候没有使用抗锯齿,一样可以提高性能,不过,对性能的提升还是很有限的。
如果以股市实时走势图为例,每天4个小时,如果每10秒更新一次,6×60×41440,可以看出ZedGraph完全可以适用。




本文转自 qianshao 51CTO博客,原文链接:http://blog.51cto.com/qianshao/202163,如需转载请自行联系原作者

目录
相关文章
|
前端开发 C#
WPF 曲线图表控件(自制)(一)
原文:WPF 曲线图表控件(自制)(一) 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/koloumi/article/details/77509283 由于公司需要所以自写了一个简单的曲线图表控件,在此分享。
1910 0
|
9月前
|
定位技术 API
Cesium开发:限制地图浏览范围
Cesium开发:限制地图浏览范围
385 1
|
数据可视化 CDN
【实战篇】37 # 如何使用 QCharts 图表库绘制常用数据图表?
【实战篇】37 # 如何使用 QCharts 图表库绘制常用数据图表?
137 0
【实战篇】37 # 如何使用 QCharts 图表库绘制常用数据图表?
|
iOS开发
iOS开发 - 柱状图动态展现动画
iOS开发 - 柱状图动态展现动画
127 0
iOS开发 - 柱状图动态展现动画
|
数据可视化
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】用中继器制作动态切换的柱状图
|
前端开发 C#
WPF 自定义的图表(适用大量数据绘制)下
原文:WPF 自定义的图表(适用大量数据绘制)下 上一篇文章中讲了WPF中自定义绘制大量数据的图标,思路是先将其绘制在内存,然后一次性加载到界面,在后续的调试过程中,发现当数据量到达10W时,移动鼠标显示数据有明显的延迟。
1394 0
|
图形学
Unity 之 制作翻牌效果
Unity 之 制作翻牌翻书效果
523 0
Unity 之 制作翻牌效果
|
C#
WPF 曲线图表控件(自制)(二)
原文:WPF 曲线图表控件(自制)(二) 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/koloumi/article/details/77521872 如果还有不懂的请去资源区下载控件包含所有源码 http://download.csdn.net/download/koloumi/9947692 接下来将代码上的。
1062 0
|
C# 前端开发
WPF 自定义的图表(适用大量数据绘制)
原文:WPF 自定义的图表(适用大量数据绘制) 在WPF中绘制图表比较简单,有很多的第三方控件,但是在绘制大量数据的时候,就显得有些吃力,即便是自己用StreamGeometry画也达不到理想的效果,要达到绘制大量数据而不会顿卡现象,只有一个途径,就是首先在内存中绘制好所有的图形,再一次性加载(或者说绘制)到界面控件Canvas或Grid中。
1147 0
|
vr&ar C# 容器
WPF制作带明细的环形图表
原文:WPF制作带明细的环形图表 效果 明细用Popup实现的,录gif时,Popup显示不出来,不知道为什么,所以静态图凑合看吧 大体思路 图表使用Arc+Popup实现 图表分为两部分,一是环形部分,一是标注的明细部分.
1143 0