WPF&C#新手求助：LiveCharts2如何绑定实时变化数据实现动态绘图

要实现LiveCharts2图表的实时数据更新，核心要解决两个问题：让ViewModel支持属性变更通知，以及使用LiveCharts2兼容的可观测数据集合。以下是具体修改步骤：

1. 让ViewModel实现INotifyPropertyChanged接口 #

WPF的数据绑定依赖这个接口来通知UI更新属性变化。修改你的ViewModel：

using LiveChartsCore;
using LiveChartsCore.SkiaSharpView;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;

public partial class ViewModel : INotifyPropertyChanged
{
    private ISeries[] _series;
    public ISeries[] Series
    {
        get => _series;
        set
        {
            _series = value;
            OnPropertyChanged();
        }
    }

    // 用于存储实时数据的可观测集合
    private ObservableCollection<double> _chartValues;

    public ViewModel()
    {
        _chartValues = new ObservableCollection<double> { 1, 2 }; // 初始化默认数据
        Series = new ISeries[]
        {
            new LineSeries<double>
            {
                Values = _chartValues,
                Fill = null
            }
        };
    }

    // 实现INotifyPropertyChanged的核心方法
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // 添加数据的方法，调用此方法即可让图表自动更新
    public void AddChartData(double newData)
    {
        _chartValues.Add(newData);
        // 如果需要限制数据点数量（比如只保留最近10个），可以加以下逻辑：
        // if (_chartValues.Count > 10) _chartValues.RemoveAt(0);
    }
}

2. 确保XAML绑定正确 #

你的XAML中Chart控件的Series属性要绑定到ViewModel的Series属性，示例如下：

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:lvc="clr-namespace:LiveChartsCore.SkiaSharpView.WPF;assembly=LiveChartsCore.SkiaSharpView.WPF"
             xmlns:local="clr-namespace:YourNamespace">
    <UserControl.DataContext>
        <local:ViewModel />
    </UserControl.DataContext>
    <Grid>
        <lvc:CartesianChart Series="{Binding Series}" />
    </Grid>
</UserControl>

关键说明 #

• 用ObservableCollection<double>代替普通数组：LiveCharts2会自动监听这个集合的增删变化，无需额外通知UI。
• ViewModel必须实现INotifyPropertyChanged：如果后续需要替换整个Series数组，这个接口能确保UI感知到变化。
• 添加数据只需调用AddChartData方法：比如在定时器、事件回调中调用ViewModel.AddChartData(新数据)，图表会自动刷新。

内容的提问来源于stack exchange，提问作者xmeety