C#怎么实现图表生成 C#如何用LiveCharts和OxyPlot绘制柱状图折线图饼图【图表】

图表生成是很多C#项目中的常见需求，但实际操作中总有些坑等着你跳。LiveCharts柱状图半天刷不出来，OxyPlot饼图点了没反应，.NET版本升级后包引用又报错，导出图片还尺寸失真……这背后其实都有固定的套路和解决方案。今天就来把这些问题逐个拆解，希望能帮你少走些弯路。

LiveCharts 绘制柱状图和折线图为什么总显示空白？

这个问题恐怕是LiveCharts新手最常遇到的。其实，原因通常很简单——数据绑定后没触发重绘，或者 ChartValues 没有正确初始化。LiveCharts依赖INotifyPropertyChanged和集合变更通知，你要是直接赋值一个数组或List，界面是不会理你的。

从实践来看，有几个关键点需要注意：

• 使用 ChartValues 或 ChartValues，并且确保修改操作在UI线程中完成（WPF里可以用 Dispatcher.Invoke）
• 柱状图必须设置 SeriesCollection 并绑定到 CartesianChart.Series；折线图建议用 LineSeries，而不是 ColumnSeries
• 坐标轴不自动适配怎么办？手动设置 AxisY.MinValue/MaxValue，或者干脆启用 AxisY.AutoRange = true（默认是 false，这点很多人会忽略）
• 常见错误信息是 "Series collection is null or empty"——检查一下是不是漏了 SeriesCollection = new SeriesCollection()

贴一段关键代码示例：

var series = new ColumnSeries{
    Title = "销售额",
    Values = new ChartValues { 120, 85, 150, 92 }
};
chart.Series.Add(series); // 注意这里，不是 chart.Series = new SeriesCollection { series }

OxyPlot 的 PieSeries 饼图点击没响应？

OxyPlot默认是不启用交互事件的，这事不少新手都栽过跟头。PieSeries 的点击、悬停功能需要手动开启，并且必须绑定到支持交互的控件（比如 OxyPlot.Wpf.PlotView）。

具体操作建议：

• 设置 PieSeries.IsAngleSelectionEnabled = true，否则只渲染不捕获输入，点击自然没反应
• 必须订阅 PlotView.MouseDown 或 PlotView.ActualController.InputManipulators，不能直接监听 PieSeries 自身的事件
• 饼图标签默认不显示——设置 PieSeries.AngleSpan = 360，并添加 LabelPlacement = LabelPlacement.Inside
• 注意 PieSeries.Slices 是只读集合，新增slice要用 PieSeries.Slices.Add(new PieSlice(...))

性能方面需要提醒一句：当饼图slice数量超过50个时，PlotView.InvalidatePlot(true) 会明显卡顿，建议先预计算聚合后再绑定。

LiveCharts 和 OxyPlot 在 .NET 6+ WPF 项目里怎么选包？

包引用这块容易踩坑。LiveCharts v2（LiveChartsCore.SkiaSharpView.WPF）是 .NET 5/6/7/8 的官方支持版本；老版 LiveCharts.Wpf 基于 .NET Framework，强依赖 System.Drawing，在纯Core项目里会报 TypeLoadException。

OxyPlot 则分两套：WPF用户应该装 OxyPlot.Wpf（不是单独的 OxyPlot.Core），它已经内置了Skia渲染路径，不需要额外配置。

那么，两个库到底怎么选？

• LiveCharts v2 默认用SkiaSharp，启动快、动画顺，但需要额外安装 SkiaSharp.Views.WPF
• OxyPlot 更轻量，没有第三方图形库依赖，但动画支持较弱，导出PNG需要调用 ExportAsPng 方法，而不是属性绑定
• 两者都不支持设计时预览（XAML里看不到图表），调试只能靠运行时观察

导出图表为图片时为什么尺寸失真或截断？

这个问题其实不复杂，根源在于导出逻辑没等图表完成布局测量。WPF中 RenderTargetBitmap 截图前，控件必须已经加载并且具备有效的 ActualWidth/ActualHeight。

解决方案：

• LiveCharts：调用 cartesianChart.Arrange(new Rect(0, 0, width, height)) 再截图，避免依赖 ActualWidth
• OxyPlot：用 plotView.ExportToBitmap(width, height)，别自己 new RenderTargetBitmap
• 所有导出操作都应该在 Loaded 事件之后执行，或者加一个短延时（await Task.Delay(1)）确保 Measure/Arrange 完成
• 如果需要导出透明背景的PNG，LiveCharts 要设置 cartesianChart.Background = Brushes.Transparent；OxyPlot 则设置 PlotModel.Background = OxyColors.Transparent

还有一个容易被忽略的点：DPI缩放。高分屏下导出的图片可能会模糊，务必用 VisualTreeHelper.GetDpi(this).PixelsPerDip 校正尺寸。