如何在C# LiveChart中添加函数值列表以绘制函数图像？

我明白你现在的困境——已经算出了cos(x)的函数值列表，但不知道怎么把它和LiveCharts关联起来。你的代码里有几个关键问题需要调整，我来一步步帮你解决：

首先修正XAML中的CartesianChart #

你当前的XAML里嵌套了两个CartesianChart，这会导致布局和绑定问题，先把多余的那个删掉，给主图表设置正确的尺寸：

<Wpf:CartesianChart x:Name="cartesianChart" 
                     Grid.Column="4" 
                     Grid.Row="2" 
                     Grid.RowSpan="5"
                     HorizontalAlignment="Stretch" 
                     VerticalAlignment="Stretch"/>

这样图表会自动填充分配的网格空间，不用固定宽高。

然后修改C#代码，正确绑定数据到图表 #

你的代码里series.Add()是空的，没有创建具体的折线系列，而且LiveCharts需要把你的List<double>转换成它支持的ChartValues<double>类型，同时还要处理x轴的对应值。下面是修正后的按钮点击事件代码：

private void submitButton_Click(object sender, RoutedEventArgs e)
{
    cartesianChart.Series.Clear();
    SeriesCollection series = new SeriesCollection();
    
    // 解析输入值
    double a = Convert.ToDouble(valueOfA.Text);
    double b = Convert.ToDouble(valueOfB.Text);
    double delta = Convert.ToDouble(valueOfDelta.Text);
    
    List<double> yValues = new List<double>();
    List<double> xValues = new List<double>(); // 存储对应的x值
    
    // 计算x和对应的cos(x)值
    for (double x = a; x <= b; x += delta)
    {
        xValues.Add(x);
        yValues.Add(Math.Cos(x));
    }
    
    // 创建折线系列，绑定y值
    var cosSeries = new LineSeries
    {
        Title = "cos(x)",
        Values = new ChartValues<double>(yValues), // 把List转成ChartValues
        PointGeometry = null // 可以去掉点标记，让折线更简洁
    };
    
    // 设置x轴的映射，让每个y值对应正确的x坐标
    cartesianChart.AxisX.Add(new Axis
    {
        Title = "X",
        Labels = xValues.Select(x => x.ToString("F2")).ToList() // 格式化x值为两位小数作为标签
    });
    
    cartesianChart.AxisY.Add(new Axis
    {
        Title = "cos(X)"
    });
    
    // 添加系列到图表
    series.Add(cosSeries);
    cartesianChart.Series = series;
}

关键说明 #

• ChartValues: LiveCharts的系列数据需要用ChartValues<T>类型，它实现了INotifyCollectionChanged，能更好地支持图表的动态更新，直接用new ChartValues<double>(yValues)就能把你的List转成这个类型。
• X轴映射: 因为你的x值是连续的数值，我们把每个x值格式化后作为X轴的标签，这样图表能正确显示每个点对应的x坐标。
• 系列创建: 必须实例化具体的系列类型（比如LineSeries），并设置它的Values属性，才能把数据绑定到图表上。

这样修改后，点击START按钮就能看到cos(x)的函数图像了。

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