在WPF中运行Livecharts时，CartesianChart的垂直轴出现问题。

Question

我已经在我的WPF应用程序中实现了一个Line图表，但是，当我运行我的应用程序时，我的图表上的垂直Y轴并没有使用整个空间。然而，当我运行我的应用程序时，我的垂直Y轴在我的图表上并没有使用整个空间。简而言之：Y轴折叠了。

程序未运行时的图表

ProfileWindow.xaml中的代码。

<lvc:CartesianChart Series="{Binding SeriesCollection}" LegendLocation="Right" Grid.Row="2" Grid.Column="2" Grid.RowSpan="3">
            <lvc:CartesianChart.AxisY>
                <lvc:Axis Title="Height" MinValue="0" MaxValue="1000" LabelFormatter="{Binding YFormatter}">
                    <lvc:Axis.Separator>
                        <lvc:Separator Step="50"></lvc:Separator>
                    </lvc:Axis.Separator>
                </lvc:Axis>
            </lvc:CartesianChart.AxisY>
            <lvc:CartesianChart.AxisX>
                <lvc:Axis Title="Samples" Labels="{Binding Labels}"></lvc:Axis>
            </lvc:CartesianChart.AxisX>
        </lvc:CartesianChart>
    </Grid>

我试着用Axis.Separator来设置50步的步长。但正如你所看到的，这并不奏效。

运行Visual studio时的图表。

在Mainwindow.xaml.cs中的代码：

        public MainWindow()
        {
            InitializeComponent();
            AppWindow = this;
            OpenChildWindow(new DashboardWindow());

            SeriesCollection = new SeriesCollection
            {
                new LineSeries
                {
                    Title = "Series 1",
                    Values = new ChartValues<double> { 4, 60, 5, 2 ,4 }
                },
                new LineSeries
                {
                    Title = "Series 2",
                    Values = new ChartValues<double> { 6, 7, 30, 4 ,6 },
                },
                new LineSeries
                {
                    Title = "Series 3",
                    Values = new ChartValues<double> { 4,2,700,2,7 },
                }
            };

            Labels = new[] { "Jan", "Feb", "Mar", "Apr", "May" };
            YFormatter = value => value.ToString("C");

            DataContext = this;
        }

        public SeriesCollection SeriesCollection { get; set; }
        public string[] Labels { get; set; }
        public Func<double, string> YFormatter { get; set; }

我的思维实施错误在哪里？

Answer 1

当设置 Axis.MaxValue 到一个固定的值，那么该图就不能缩放。

移除 MaxValue 属性的Y轴。轴的范围将由数据点或系列的最大值自动确定。这样一来，绘图将始终使用屏幕上的最大可用空间（比例尺以适应）。

<lvc:CartesianChart Series="{Binding SeriesCollection}"
                    Height="300" 
                    LegendLocation="Right" 
                    Grid.Row="2" 
                    Grid.Column="2"                        
                    Grid.RowSpan="3">
  <lvc:CartesianChart.AxisY>
    <lvc:Axis Title="Height" LabelFormatter="{Binding YFormatter}">
      <lvc:Axis.Separator>
        <lvc:Separator Step="50" />
      </lvc:Axis.Separator>
    </lvc:Axis>
  </lvc:CartesianChart.AxisY>
  <lvc:CartesianChart.AxisX>
    <lvc:Axis Title="Samples" Labels="{Binding Labels}" />
  </lvc:CartesianChart.AxisX>
</lvc:CartesianChart>