C# WPF 实时图表 - 创建通用图表

AI

使用C#和WPF创建实时图表是一种非常有用的方式，可以在应用程序中显示和更新数据的动态变化。本文将介绍如何创建一个通用的实时图表，并提供一个案例代码来演示其工作原理。

创建WPF应用程序

首先，我们需要创建一个WPF应用程序。打开Visual Studio并选择创建一个新的WPF应用程序项目。给项目命名，并选择一个合适的存储位置。接下来，我们需要添加一些必要的控件和引用。

添加必要的控件和引用

在MAInWindows.xaml文件中，我们需要添加一个Chart控件，用于显示实时图表。我们可以使用各种不同的图表库，如LiveCharts、OxyPlot等。在本例中，我们将使用LiveCharts库。

在XAML文件中，添加以下代码来引用LiveCharts库：

XML
<Window x:Class="RealTimeChart.MAInWindow"</p>        XMLns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        XMLns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        XMLns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        Title="Real Time Chart" Height="450" Width="800">
    <Grid>
        <lvc:CartesianChart x:Name="chart" Series="{Binding SeriesCollection}" LegendLocation="Right" Zoom="X" >
            <lvc:CartesianChart.AxisX>
                <lvc:Axis Title="Time" Labels="{Binding Labels}"></lvc:Axis>
            </lvc:CartesianChart.AxisX>
            <lvc:CartesianChart.AxisY>
                <lvc:Axis Title="Value"></lvc:Axis>
            </lvc:CartesianChart.AxisY>
        </lvc:CartesianChart>
    </Grid>
</Window>

创建数据模型

为了显示实时数据，我们需要创建一个数据模型。在MAInWindow.xaml.cs文件中，添加以下代码来定义一个数据模型：

csharp
public class DataModel
{
    public DateTime DateTime { get; set; }
    public double Value { get; set; }
}

绑定数据到图表

接下来，我们需要绑定数据到图表上。在MAInWindow.xaml.cs文件中，添加以下代码来创建数据集合和图表系列：

csharp
public partial class MAInWindow : Window
{
    public SeriesCollection SeriesCollection { get; set; }
    public List<string> Labels { get; set; }
    public MAInWindow()
    {
        InitializeComponent();
        SeriesCollection = new SeriesCollection();
        Labels = new List<string>();
        DataContext = this;
    }
}

更新图表

最后，我们需要更新图表以显示实时数据。在MAInWindow.xaml.cs文件中，添加以下代码来更新图表：

csharp
private void UpdateChart()
{
    var newData = new DataModel
    {
        DateTime = DateTime.Now,
        Value = GetRandomValue()
    };
    SeriesCollection[0].Values.Add(new ChartPoint(newData.DateTime.Ticks, newData.Value));
    Labels.Add(newData.DateTime.ToString("HH:mm:ss"));
    if (SeriesCollection[0].Values.Count > 10)
    {
        SeriesCollection[0].Values.RemoveAt(0);
        Labels.RemoveAt(0);
    }
}
private double GetRandomValue()
{
    Random random = new Random();
    return random.NextDouble() * 100;
}

定时更新

为了实现实时更新，我们可以使用定时器。在MAInWindow.xaml.cs文件中，添加以下代码来设置定时器并启动定时更新：

csharp
private void Window_Loaded(object sender, RoutedEventArgs e)
{
    DispatcherTimer timer = new DispatcherTimer();
    timer.Interval = TimeSpan.FromSeconds(1);
    timer.Tick += Timer_Tick;
    timer.Start();
}
private void Timer_Tick(object sender, EventArgs e)
{
    UpdateChart();
}

运行应用程序

现在，我们已经完成了创建实时图表的所有步骤。按下F5键或点击Visual Studio工具栏中的“启动调试”按钮来运行应用程序。您将看到一个实时图表，它每秒钟更新一次。

本文介绍了如何使用C#和WPF创建实时图表。通过使用LiveCharts库，我们可以轻松地显示和更新实时数据。通过定时器和数据模型的使用，我们可以实现图表的实时更新。这种实时图表对于监控和可视化数据变化非常有用，可以应用于各种不同的场景中。希望本文对您有所帮助，谢谢阅读！