WPF动态折线图
此项目源码下载地址:https://github.com/lizhiqiang0204/WpfLineChartV1.1
效果图如下:

此项目把折线图制作成了一个控件,在主界面设置好参数直接调用即可,下面是主程序片段
public MainWindow()
{
InitializeComponent();
userControl1_Para.xGrap = ;//设置X轴相邻采集点的间隔
userControl1_Para.xGrapLable = ;//设置X轴时间标签的间隔
userControl1_Para.xGrapLablePoint = userControl1_Para.xGrapLable/ userControl1_Para.xGrap;//相邻两个时间标签内有多少个采集点
userControl1_Para.xWidth = userControl.Width - ;
userControl1_Para.yGrap = -;
userControl1_Para.yStartValue = ;
userControl1_Para.yGrapLable = ;
userControl1_Para.yLables = ((int)userControl.Height - ) / userControl1_Para.yGrapLable;
userControl.myCanvasInit(userControl1_Para); }
private void timer_Tick(object sender, EventArgs e)
{
y = y + 0.1; //随机生成Y坐标
//collectPoint.point = new Point(i, (new Random()).Next(0, 100));
collectPoint.point = new Point(x, Math.Sin(y)*+);
collectPoint.curTime = DateTime.Now;
userControl.AddPoint1(collectPoint);
}
类库添加点的函数
public void AddPoint1(CollectPoint collectPoint)
{
x = x + userControl1_Para.xGrap;
collectPoint.point.X = x; //移动背景不移动点
double xMove = collectPoint.point.X * (-) + userControl1_Para.xWidth;
_myPolyline.Points.Add(collectPoint.point);//添加新的数据点
_myCanvas.Margin = new Thickness(xMove, , , );//设置外边距实现移动,放大缩小 //移动X轴标签背景
TextBlock xText = new TextBlock();
xText.Visibility = Visibility.Hidden;
xText.SetValue(Grid.RowProperty, ); //设置按钮所在Grid控件的行
xGrid.Children.Add(xText);//为每个点添加对应的时间值
xText.Text = collectPoint.curTime.ToString("HH:mm:ss");
xText.Margin = new Thickness(collectPoint.point.X, , , );
collectPoints.Add((new CollectPoint() { point = collectPoint.point, curTime = collectPoint.curTime }));
xLableCanvas.Margin = new Thickness(xMove, , , );//设置外边距实现移动,放大缩小 if (xMove % userControl1_Para.xGrapLable == )
xText.Visibility = Visibility.Visible; if (collectPoint.point.X > userControl1_Para.xWidth)
{
_myPolyline.Points.RemoveAt();
collectPoints.RemoveAt();
xGrid.Children.RemoveAt();
}
}
本人也是新手,代码规范写的不是很好,见谅!
WPF动态折线图的更多相关文章
- achartengine画出动态折线图
achartengine画出动态折线图的效果最近有个项目需要用到实时曲线图,我也上网搜索了一下,最后还是选择使用achartengine这个现成的东西,毕竟自己再canvas一下实在是太麻烦,而且项目 ...
- 模拟Windows任务管理器CPU使用率的动态折线图-农夫山泉
Delphi的TCanvas类可以实现各种复杂的图形输出功能,基于近期项目的需求,利用它实现了一个很炫的动态折线图(模拟了资源管理器中CPU使用率的折线图),可以直观地展现出数值的实时变化情况. 这段 ...
- 原生JS实现动态折线图
原生JS实现动态折线图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ...
- 开发成功-cpu-mem监控动态折线图--dom esayui js java
jsp ------------------------------------------------------------------------------------------- ---- ...
- Echarts 动态折线图
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>< ...
- WPF、Silverlight项目中使用柱状图、饼状图、折线图
在开发的过程中,可能会遇到柱状图.饼状图.折线图来更好的显示数据,最近整理了一下,遂放出来望需要的朋友可以参考.本文仅仅是简单显示,如需复杂显示效果请参考官网代码示例.----本文代码使用WPF,Si ...
- PHP实现动态生成饼状图、柱状图和折线图(转载)
PHP在图像操作方面的表现非常出色,我们只需借助可以免费得到的GD库便可以轻松实现图.表勾画.下面将分别介绍PHP实现的饼状图.折线图和柱状图以 及他们的使用方法,这几段代码的特点就是不需要再把它们复 ...
- ECharts使用—折线图动态加载
最近需求中用到折线图,单线条,多线交错,之前是散点图,用的是另一个 amcharts.js,这个文档也能找的到,回归早本次重点:ECharts 一.首先引入echarts.common.min.js文 ...
- ECharts动态获取后台传过来的json数据进行多个折线图的显示,折线的数据由后台传过来
ECharts 多个折线图动态获取json数据 效果图如下: 一.html部分 <p id="TwoLineChart" style="width:100%; he ...
随机推荐
- CODEVS1281 Xn数列 (矩阵乘法+快速乘)
真是道坑题,数据范围如此大. 首先构造矩阵 [ f[0] , 1] * [ a,0 ] ^n= [ f[n],1 ] [ c,1 ] 注意到m, a, c, x0, n, g<=10^18,所以 ...
- springCloud学习-服务链路追踪(Spring Cloud Sleuth)
1.简介 Spring Cloud Sleuth 是 Spring Cloud 的一个组件,它的主要功能是在分布式系统中提供服务链路追踪的解决方案. 常见的链路追踪组件有 Google 的 Dappe ...
- BZOJ——T 2097: [Usaco2010 Dec]Exercise 奶牛健美操
http://www.lydsy.com/JudgeOnline/problem.php?id=2097 Time Limit: 10 Sec Memory Limit: 64 MBSubmit: ...
- Java多线程之如何确定线程数
关于多线程的线程数的确定,最近研读过几篇paper,在此做一下笔记,方便使用时翻看. 1.<Java 虚拟机并发编程>中介绍 就是说:线程数 = CPU的核心数 * (1 - 阻塞系数) ...
- RxJava资料整理
RxJava资料整理 https://www.jianshu.com/p/e3c4280ce397 http://www.daidingkang.cc/2017/05/19/Rxjava/ http: ...
- 微信的token验证
微信的token验证 在微信公众平台的基本配置中,需要输入token,这个token不是那个access_token springmvc验证代码: @RequestMapping(value=&quo ...
- ASP.NET MVC 4源代码分析之怎样定位控制器
利用少有的空余时间.具体的浏览了下ASP.NET MVC 4的源代码.照着之前的步伐继续前进(尽管博客园已经存在非常多大牛对MVC源代码分析的博客,可是从个人出发.还是希望自己可以摸索出这些). 首先 ...
- Sublime text 神器小记
曾经一直使用的都是Editplus,一直感觉都是非常不错的. 可是近期接触到sublime text,我就fall in love with it. Sublime 的意思是"顶峰,高尚,非 ...
- Mybatis 框架文档 超具体笔记
1 Mybatis入门 1.1 单独使用jdbc编程问题总结 1.1.1 jdbc程序 Public static void main(String[] args) { Connec ...
- SIPp web frontend(2)
SIP VoIP 測试交流群: 323827101 欢迎大家转载.为保留作者成果,转载请注明出处.http://blog.csdn.net/netluoriver,有些文件在资源中也能够下载.假设你没 ...