如何在UWP中使用oxyplot设置新边界？

Question

我的x轴边界有问题。 正如您在图片中看到的那样，我正在使用CalenderDatePicker。 流程：用户选择两个日期。 一旦他选择日期，x轴的边界就会改变，你会看到一段时间作为新的边界。

Answer 1

实际上，如果您查看了氧气图文档 ，您将知道如何更新绘图。

要更新绘图，您必须执行以下备选方案之一：

更改PlotView控件的Model属性在PlotView控件上调用Invalidate在PlotModel上调用Invalidate

我已经制作了一个简单的代码示例供您参考：

xmlns:oxy="using:OxyPlot.Windows"

<Page.DataContext>
    <local:MainViewModel/>
</Page.DataContext>
<Grid>
    <oxy:PlotView Model="{Binding MyModel}" x:Name="oxyplot"/>
    <Button Content="reset" Click="Button_Click"></Button>
</Grid>

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        oxyplot.Model.Axes[0].Minimum = 20;
        oxyplot.InvalidatePlot();
        oxyplot.Model.InvalidatePlot(true);
    }
}

public class MainViewModel
{
    public MainViewModel()
    {
        this.MyModel = new PlotModel { Title = "Example 1" };
        this.MyModel.Axes.Add(new LinearAxis() { Minimum = 10, Maximum = 100, Position = AxisPosition.Bottom });
    }

    public PlotModel MyModel { get; private set; }
}