wpf livechart 数据绑定

WPF LiveCharts 是一个用于 WPF 应用程序中显示动态图表的库，它提供了多种类型的图表，包括折线图、柱状图、饼图等，并支持实时数据更新和动画效果。在 WPF LiveCharts 中，数据绑定是一个非常重要的概念，可以让我们将数据与图表进行关联，从而实现自动更新图表的效果。下面是一个简单的 WPF LiveCharts 数据绑定示例：

首先，需要在项目中添加 LiveCharts.Wpf 和 LiveCharts.Geared 引用。

然后，在 XAML 中添加一个 Chart 控件，并设置其 Series 属性为所需的图表类型（如 LineSeries、ColumnSeries 等），并将其 ItemsSource 属性绑定到对应的数据源：

<Window x:Class="WpfApp1.MainWindow"
        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="MainWindow" Height="350" Width="525">
    <Grid>
        <lvc:CartesianChart>
            <lvc:LineSeries Title="Series 1" Values="{Binding Data}" />
        </lvc:CartesianChart>
    </Grid>
</Window>

接着，在代码中创建一个 ViewModel 类，并定义一个 Data 属性来存储数据：

public class MainViewModel : INotifyPropertyChanged
{
    private ChartValues<double> _data;
    
    public MainViewModel()
    {
        Data = new ChartValues<double>();
        
        // 添加数据
        Data.Add(10);
        Data.Add(20);
        Data.Add(30);
    }
    
    public ChartValues<double> Data
    {
        get { return _data; }
        set
        {
            _data = value;
            OnPropertyChanged("Data");
        }
    }
    
    public event PropertyChangedEventHandler PropertyChanged;
    
    protected virtual void OnPropertyChanged(string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

最后，在 MainWindow 的构造函数中将其 DataContext 设置为 ViewModel 的实例：

public MainWindow()
{
    InitializeComponent();
    DataContext = new MainViewModel();
}

这样，就完成了 WPF LiveCharts 的数据绑定。当数据源发生变化时，图表会自动更新。