在 XAML 中设置 WPF OxyPlot PlotViews 的样式

Question

在设置 OxyPlot 绘图视图时，您可以通过各种控件显式定义绘图，或通过绑定到 PlotModel 来设置它。

因此，在第一种情况下，两个 LineSeries 对象的图的 XAML 可能类似于

<oxy:Plot Title="Some plot">
    <oxy:Plot.Axes>
        <oxy:LinearAxis Position="Left" />
        <oxy:LinearAxis Position="Bottom" />
    </oxy:Plot.Axes>
    <oxy:Plot.Series>
        <oxy:LineSeries ItemsSource="{Binding ActualSeriesData1}" DataFieldX="X" DataFieldY="Y"/>
        <oxy:LineSeries ItemsSource="{Binding ActualSeriesData2}" DataFieldX="X" DataFieldY="Y"/>
    </oxy:Plot.Series>
</oxy:Plot>

具有非常薄的视图模型。另一方面，在第二种情况下，我只会有类似

<oxy:PlotView Model="{Binding SomePlotModel}" />

并在视图模型中构建实际绘图。两种设置各有利弊，但我发现当我事先知道我真正想要绘制的内容时，第一种方法通常效果更好，而第二种方法允许对绘图内容进行动态更改。

我的问题如下：对于第一种情况，我知道如何为所有绘图添加一般样式。例如，如果我想让它们看起来像 Seaborn，我会添加类似

<x:Array Type="Color" x:Key="SeabornColors">
    <Color>#4c72b0</Color>
    <Color>#55a868</Color>
    <Color>#c44e52</Color>
    <Color>#8172b2</Color>
    <Color>#ccb974</Color>
    <Color>#64b5cd</Color>
</x:Array>
<Style TargetType="oxy:Plot">
    <Setter Property="PlotAreaBackground" Value="#EBEBF2" />
    <Setter Property="PlotAreaBorderThickness" Value="0" />
    <Setter Property="TitleFont" Value="Segoe UI" />
    <Setter Property="TitleFontWeight" Value="Normal" />
    <Setter Property="DefaultColors" Value="{StaticResource SeabornColors}"/>
</Style>
<Style TargetType="oxy:LinearAxis">
    <Setter Property="TicklineColor" Value="White" />
    <Setter Property="MajorGridlineColor" Value="White" />
    <Setter Property="MinorGridlineColor" Value="White" />
    <Setter Property="ExtraGridlineColor" Value="White" />
    <Setter Property="AxislineColor" Value="White" />
    <Setter Property="TitleColor" Value="Black" />
    <Setter Property="TextColor" Value="Black" />
    <Setter Property="Font" Value="Segoe UI" />
    <Setter Property="TitleFont" Value="Segoe UI" />
    <Setter Property="TickStyle" Value="None" />
    <Setter Property="MajorGridlineStyle" Value="Solid" />
</Style>

致我的ResourceDictionary。如何在第二种情况下达到相同的效果，即使用oxy:PlotView？我可以使用<Style TargetType="oxy:PlotView" /> 设置一些常规样式属性，但是我将如何设置所有LineSeries 的样式，比如Series 中的Model 中的Model 中的PlotView？

Answer 1

我没有通过所有的 cmets，但其中一些似乎已经包含解决方案的链接。我有一个示例，我正在使用 MVVM 方法并更改这些设置。它应该有帮助：

在 MainWindow.xaml 中：

<oxy:PlotView Name="TestView" Model="{Binding plotModel}" Grid.Row="0" Grid.Column="1" />

在我的 MainWindowViewModel.cs 中：

private PlotModel m_plotModel;
public PlotModel plotModel
{
    get { return m_plotModel; }
    set => SetAndRaisePropertyChanged(ref m_plotModel, value);
}

public UserControlOscilloViewModel()
{
    var signalAxis = new CategoryAxis()
    {
        Position = AxisPosition.Left,
        Minimum = 0,
        MinimumMinorStep = 1,
        AbsoluteMinimum = 0,
        TicklineColor = OxyColors.Transparent,
    };
    var timeAxis = new LinearAxis()
    {
        Position = AxisPosition.Bottom,
        Minimum = 0,
        MinimumMajorStep = 1,
        AbsoluteMinimum = 0,
    };

    plotModel = new PlotModel();            
    plotModel.Axes.Add(signalAxis);
    plotModel.Axes.Add(timeAxis);
}

然后，当您刷新模型时，如果需要，您可以像这样访问您的轴：

CategoryAxis signalAxis = (CategoryAxis)plotModel.Axes.ElementAt(0);
LinearAxis timeAxis = (LinearAxis)plotModel.Axes.ElementAt(1);

并像这样添加系列：

var series = new LineSeries
{
    Color = OxyColors.SeaShell,
    LineStyle = LineStyle.Dash
};
foreach (DataPoint p in ListOfPoints)
{
    series.Points.Add(p);
}
plotModel.Series.Add(series);
plotModel.InvalidatePlot(true);

我并没有完全解决您的问题，但我认为您可以通过这样做访问所有需要的对象/成员。我还简化了我的代码以提高清晰度，我希望这样做时我没有破坏任何东西......