如何创建支持X、Y值更新的Wpf CartesianChart图表？

核心问题分析 #

• 缺少数据映射规则：ObservablePoint是包含X/Y的结构体，LineSeries无法自动识别其X/Y字段，必须手动配置映射逻辑。
• 数据源不支持更新通知：使用List存储数据无法触发UI刷新，需替换为ObservableCollection。
• 绑定逻辑冲突：XAML中已通过{Binding Series}绑定集合，后台直接赋值控件的Series属性会破坏绑定一致性。

修正后的完整代码 #

1. 后台C#代码（支持动态更新XY值）

// 使用ObservableCollection存储数据，确保修改后UI自动更新
var valuesPoints = new ObservableCollection<ObservablePoint>();
for (int x = 0; x < 10; x++)
{
    valuesPoints.Add(new ObservablePoint(x, x + 1));
}

// 配置折线图的数据映射，明确读取ObservablePoint的X/Y值
var lineSeries = new LineSeries<ObservablePoint>
{
    Values = valuesPoints,
    // 关键：告诉LiveCharts如何解析ObservablePoint的X和Y
    Mapper = (point, index) => new(point.X, point.Y)
};

// 用ObservableCollection管理Series集合，后续新增/删除Series也能同步UI
var seriesCollection = new ObservableCollection<ISeries> { lineSeries };

// 若采用直接操作控件的方式，需同步修改XAML的绑定配置
grfArbeitsfenster2.Series = seriesCollection;

// 示例：动态更新某个点的XY值，UI会自动刷新
valuesPoints[2] = new ObservablePoint(2, 5);
// 直接修改现有ObservablePoint的属性也能触发更新（ObservablePoint已实现INotifyPropertyChanged）
valuesPoints[3].X = 3.5;
valuesPoints[3].Y = 7;

2. 修正后的WPF XAML代码

如果后台直接赋值Series，需移除XAML中的绑定语句，避免冲突：

<lvc:CartesianChart x:Name="grfArbeitsfenster2" 
                    Width="700" 
                    Height="350" 
                    Margin="183,101,96.2,1885" />

若采用MVVM模式，保留Series="{Binding Series}"，并确保ViewModel的Series属性为ObservableCollection<ISeries>类型，且ViewModel实现INotifyPropertyChanged接口。

关键注意事项 #

• Mapper配置：所有自定义XY数据类型（如ObservablePoint）必须通过Mapper明确X/Y的读取逻辑，否则图表无法解析数据。
• 数据源选择：所有需要动态更新的集合必须使用ObservableCollection，List不支持变更通知，修改后UI不会刷新。
• ObservablePoint的特性：ObservablePoint本身已实现属性变更通知，直接修改其X/Y属性即可触发图表更新。

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