WPF使用Live Chart之动态更新数据

效果如下：

前台代码：

<Window x:Class="Chapter3.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:Chapter3"xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"mc:Ignorable="d"Title="Matrix OPeration" Height="400" Width="500"><Grid><!--<Button Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Content="显示" Click="Button_Click"/>--><lvc:CartesianChart Name="sl" Grid.Row="1" Series="{Binding SeriesCollection}"><lvc:CartesianChart.AxisX><lvc:Axis Title="Month" x:Name="slx" LabelFormatter="{Binding XFormatter}"/></lvc:CartesianChart.AxisX><lvc:CartesianChart.AxisY><lvc:Axis Title="Sales" x:Name="slY" LabelFormatter="{Binding YFormatter}"/></lvc:CartesianChart.AxisY></lvc:CartesianChart></Grid></Window>

font size=4 color=blue>后台代码：

#region NameSpaces
using System;
using System.Collections;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;
using System.Windows.Media;
using System.Collections.Generic;
using LiveCharts;
using LiveCharts.Wpf;
using System.Windows.Threading;
using System.Threading;
using System.Threading.Tasks;
#endregionnamespace Chapter3
{/// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public SeriesCollection seriesCollection { get; set; }public List<string> Labels { get; set; }private double _trend;private double[] temp = { 1, 3, 2, 4,3,6,3,2,2,4,7,4,2, -3, 5, 2, 1,7 };public MainWindow(){InitializeComponent();//实例化一条折线图LineSeries line1 = new LineSeries();//设置折线的标题line1.Title = "Temp";//设置折线的形式line1.LineSmoothness = 1;//折线图的无点样式line1.PointGeometry = null;//添加横坐标Labels = new List<string>();foreach (var item in temp){Labels.Add(item.ToString());}//添加绘图的数据line1.Values = new ChartValues<double>(temp);seriesCollection = new SeriesCollection();seriesCollection.Add(line1);_trend = 8;lineStart();DataContext = this;this.sl.Series = seriesCollection;slx.Labels = Labels;}public void lineStart(){Task.Run(() =>{Random r = new Random();while (true){Thread.Sleep(100);_trend = r.Next(-10, 10);//通过Dispatcher在工作线程中更新窗体的UI元素Application.Current.Dispatcher.Invoke(() =>{//更新横坐标时间Labels.Add(DateTime.Now.ToString());Labels.RemoveAt(0);//更新纵坐标数据seriesCollection[0].Values.Add(_trend);seriesCollection[0].Values.RemoveAt(0);});}});}}
}

参考视频
参考文章

WPF使用Live Chart之动态更新数据相关推荐

android 多数据图表,Android统计图表MPAndroidChart：为多条统计折线动态更新数据，以高温低温曲线为例【7】...
Android统计图表MPAndroidChart:为多条统计折线动态更新数据,以高温低温曲线为例[7] 本文在附录文章6的基础上,为Android统计图表MPAndroidChart的同一个L ...
jquery chosen插件动态更新数据
动态更新数据 $("#txt_search_batch").find("option").remove(); $("#txt_search_batch ...
echarts简单使用、echarts通过计时器进行动态更新数据、echarts连接数据库实时更新数据
1.echarts引入在官网下载并放入项目中. 引入echarts.js文件: <script src="./echarts.js"></script> ...
html表格内容自动更新,ElementUI table 组件展开 expand，动态更新数据时，视图没有自动更新...
这是因为在给table的数据赋值时,展开的视图对应的字段不存在.(动态增加属性) 拿到table数据后,先把展开字段初始化,然后再赋值,问题就解决了~~ 比如,之前是:this.list = api. ...
微信小程序|页面动态更新数据
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 欢迎加入团队圈子!与作者面对面!直接点击! 问题描述每一个小 ...
Excel实现动态更新数据折线图
一.数据源数据源如下: 生成的数据透视表如下: 二.定义名称打开公式菜单,选择定义名称,就打开定义名称弹框定义三个名称,分别是tj,yw,rq 关键的就是选择单元格区域如何定义 =OFFSET( ...
利用FullCalendar做简单的日程管理，以及后台动态更新数据出现的问题。
第一:总体效果. 1.初始化日历: 2.点击某一天可以添加日程: 3.点击已添加的日程可以进行修改.删除.分享: 4.点击分享,可以选择系统内的人员进行日程的分享: 5.如果是上级,可以通过日历左上角 ...
Python数据可视化案例二：动态更新数据
在开发与数据监测和数据可视化有关的系统时,我们会需要根据最新的数据对图形进行更新.下面的代码模拟了这种情况,单击Start按钮时会更新数据并重新绘制图形使得曲线看上去在移动一样,单击Stop按钮则停止 ...
【C#上位机】chart动态更新数据
环境 IDE VS2015 - Visual C# 2015 下位机 STM32F429通过串口通信包含命名空间 using System.Windows.Forms.DataVisualizati ...

WPF使用Live Chart之动态更新数据

WPF使用Live Chart之动态更新数据

WPF使用Live Chart之动态更新数据相关推荐

最新文章

热门文章