OxyPlot BarSeries显示空白屏问题排查求助

我用C#和OxyPlot开发向日葵/蒲公英图像区分脚本，遇到PlotView显示空白白屏的问题：

• 已确认BarSeries包含100条有效数据（带OxyColor、0-2.5的Value、1-100的CategoryIndex）
• PlotModel已添加该系列，数据量验证无误
• 原本打算用已弃用的ColumnSeries，轴标签设置反向（CategoryIndex对应X轴，Value对应Y轴）

主窗体为WinForms的public partial class Form1 : Form，调用代码如下：

public void HistogramPlot()
{
    Histogram histogram = new Histogram();
    Dictionary<Color, Double> colorProportionAllImages = histogram.Compute(_resizedbitmapFlowersArray);
    histogram.DisplayColorHistogram(colorProportionAllImages);
    histogram.Show();
}

调用的Histogram类继承自WPF的Window，核心代码见下文。

问题根源分析 #

1. PlotView未挂载到可视化树：在DisplayColorHistogram方法中创建了PlotView，但未将其添加到Window的控件集合，WPF无法渲染未关联的控件。
2. 跨框架控件混用错误：创建的是OxyPlot.WindowsForms.PlotView（WinForms版本），但Histogram是WPF Window，两种框架的控件不能直接混用。
3. 轴配置与BarSeries不匹配：BarSeries默认是横向条形（Y轴为分类轴，X轴为数值轴），你将CategoryAxis设为X轴（Bottom），LinearAxis设为Y轴（Left），与控件默认逻辑冲突。
4. PlotView尺寸设置错误：plotView.Width = 10宽度过小，几乎无法显示任何内容。

解决步骤 #

1. 替换为WPF版本的PlotView #

确保已安装OxyPlot.Wpf NuGet包，将WinForms版PlotView替换为WPF版：

// 替换引用
using OxyPlot.Wpf;
// 原引用 OxyPlot.WindowsForms 可移除

2. 将PlotView添加到Window的可视化树 #

在DisplayColorHistogram方法末尾，把PlotView设置为Window的内容：

// 创建WPF版PlotView
var plotView = new PlotView();
plotView.Width = 800; // 修正宽度，避免设置过小值
plotView.Height = 600;
plotView.Model = plotHistogramModel;

// 将PlotView绑定到Window的Content
this.Content = plotView;

3. 修正轴配置匹配BarSeries逻辑 #

BarSeries默认以Y轴为分类轴（对应CategoryIndex），X轴为数值轴（对应Value），调整轴设置：

// 分类轴（对应Color的CategoryIndex）放在Y轴
CategoryAxis colorCategoryAxis = new CategoryAxis();
colorCategoryAxis.Position = AxisPosition.Left;
colorCategoryAxis.Title = "Color Categories";

// 数值轴（对应占比Value）放在X轴
LinearAxis proportionAxis = new LinearAxis();
proportionAxis.Position = AxisPosition.Bottom;
proportionAxis.Title = "Proportion (0 to 3)";
proportionAxis.Minimum = 0;
proportionAxis.Maximum = 3.0;
proportionAxis.MinimumPadding = 0;
proportionAxis.MaximumPadding = 0.1;

// 添加轴到PlotModel
plotHistogramModel.Axes.Add(colorCategoryAxis);
plotHistogramModel.Axes.Add(proportionAxis);

4. 优化Window初始化（可选） #

给Histogram构造函数添加基础布局设置，确保窗口有合适尺寸：

public Histogram()
{
    this.Title = "Flower Color Proportion Histogram";
    this.Width = 900;
    this.Height = 700;
    this.WindowStartupLocation = WindowStartupLocation.CenterScreen;
}

完整修改后的DisplayColorHistogram方法 #

public void DisplayColorHistogram(Dictionary<Color, double> histogramColorProportions)
{
    PlotModel plotHistogramModel = new OxyPlot.PlotModel { Title = "Flower Color Proportions" };

    // 修正轴配置
    CategoryAxis colorCategoryAxis = new CategoryAxis();
    colorCategoryAxis.Position = AxisPosition.Left;
    colorCategoryAxis.Title = "Color Categories";

    LinearAxis proportionAxis = new LinearAxis();
    proportionAxis.Position = AxisPosition.Bottom;
    proportionAxis.Title = "Proportion (0 to 3)";
    proportionAxis.Minimum = 0;
    proportionAxis.Maximum = 3.0;
    proportionAxis.MinimumPadding = 0;
    proportionAxis.MaximumPadding = 0.1;

    plotHistogramModel.Axes.Add(colorCategoryAxis);
    plotHistogramModel.Axes.Add(proportionAxis);

    BarSeries histogramSeries = new BarSeries();
    histogramSeries.Title = "Flower colors by proportion";
    histogramSeries.IsStacked = false;

    int indexRange = 0;
    foreach (KeyValuePair<Color, double> keyValue in histogramColorProportions)
    {
        OxyColor oxyColor = OxyColor.FromRgb(keyValue.Key.R, keyValue.Key.G, keyValue.Key.B);
        histogramSeries.Items.Add(new BarItem { Color = oxyColor, Value = keyValue.Value, CategoryIndex = indexRange++ });
    }

    plotHistogramModel.Series.Add(histogramSeries);

    // 使用WPF版PlotView并挂载到Window
    var plotView = new PlotView();
    plotView.Width = 800;
    plotView.Height = 600;
    plotView.Model = plotHistogramModel;

    this.Content = plotView;
}

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