此项目源码下载地址: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动态折线图的更多相关文章

  1. achartengine画出动态折线图

    achartengine画出动态折线图的效果最近有个项目需要用到实时曲线图,我也上网搜索了一下,最后还是选择使用achartengine这个现成的东西,毕竟自己再canvas一下实在是太麻烦,而且项目 ...

  2. 模拟Windows任务管理器CPU使用率的动态折线图-农夫山泉

    Delphi的TCanvas类可以实现各种复杂的图形输出功能,基于近期项目的需求,利用它实现了一个很炫的动态折线图(模拟了资源管理器中CPU使用率的折线图),可以直观地展现出数值的实时变化情况. 这段 ...

  3. 原生JS实现动态折线图

    原生JS实现动态折线图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ...

  4. 开发成功-cpu-mem监控动态折线图--dom esayui js java

    jsp ------------------------------------------------------------------------------------------- ---- ...

  5. Echarts 动态折线图

    <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>< ...

  6. WPF、Silverlight项目中使用柱状图、饼状图、折线图

    在开发的过程中,可能会遇到柱状图.饼状图.折线图来更好的显示数据,最近整理了一下,遂放出来望需要的朋友可以参考.本文仅仅是简单显示,如需复杂显示效果请参考官网代码示例.----本文代码使用WPF,Si ...

  7. PHP实现动态生成饼状图、柱状图和折线图(转载)

    PHP在图像操作方面的表现非常出色,我们只需借助可以免费得到的GD库便可以轻松实现图.表勾画.下面将分别介绍PHP实现的饼状图.折线图和柱状图以 及他们的使用方法,这几段代码的特点就是不需要再把它们复 ...

  8. ECharts使用—折线图动态加载

    最近需求中用到折线图,单线条,多线交错,之前是散点图,用的是另一个 amcharts.js,这个文档也能找的到,回归早本次重点:ECharts 一.首先引入echarts.common.min.js文 ...

  9. ECharts动态获取后台传过来的json数据进行多个折线图的显示,折线的数据由后台传过来

    ECharts 多个折线图动态获取json数据 效果图如下: 一.html部分 <p id="TwoLineChart" style="width:100%; he ...

随机推荐

  1. [Cogs728] [网络流24题#3] 最小路径覆盖 [网络流,最大流,二分图匹配]

    建图:源点—>边的起点(集合1中的)—>边的终点(集合2中的)—>汇点,所有边权均为1, 计算最大流,最后枚举起点的出边,边权为0的即为匹配上的, 可以这样理解:每条边表示起点和终点 ...

  2. thymeleaf模板引擎基础使用(转)

    刚好项目上用到这个模板引擎,记录以下基础用法. thymeleaf介绍 简单说, Thymeleaf是一个跟Velocity.FreeMarker类似的模板引擎,它可以完全替代JSP .相比其他的模板 ...

  3. N天学习一个Linux命令之帮助命令:man

    前言 工作中每天都在使用常用的命令和非常用的命令,忘记了用法或者参数,都会bing一下,然后如此循环.一直没有真正的系统的深入的去了解命令的用法,我决定打破它.以前看到有人,每天学习一个linux命令 ...

  4. Eclipse搭建maven开发环境

    上一篇学习了maven开发环境的搭建,而且手动编写了一个mavenproject,可是这样子效率非常低下.今天带大家学习在eclipse下搭建maven开发环境. 经常使用的maven命令 mvn c ...

  5. js面试题--------JS中数字和字符,布尔类型相加相减问题

    JS中数字和字符相加相减问题 <html lang="en"> <head> <meta charset="utf-8" /> ...

  6. Java集合类汇总记录--guava篇

    BiMap HashBiMap<K,V> 实现了两份哈希表数据结构(本类独立实现).分别负责两个方向的映射. EnumBiMap<K,V> 两个EnumMap对象分别负责两个方 ...

  7. @Validated数据校验

    //lastName必须是邮箱格式 @Email private String lastName;

  8. HDU5526/BestCoder Round #61 (div.1)1004 Lie 背包DP

    Lie   问题描述 一个年级总共有N个学生,每个人属于唯一一个班级.现在他们站在一排,同班同学并不一定会站在一起,但每个人都会说一句话:“站在我左边的有Ai个同班同学,右边有Bi个同班同学”.然而并 ...

  9. DirectFB简介以及移植[一]

    本文转载自‘:http://blog.csdn.net/wavemcu/article/details/39251805 版权声明:本文为博主原创文章,未经博主允许不得转载. ************ ...

  10. (转)dp动态规划分类详解

    dp动态规划分类详解 转自:http://blog.csdn.NET/cc_again/article/details/25866971 动态规划一直是ACM竞赛中的重点,同时又是难点,因为该算法时间 ...