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

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

程序未运行时的图表The chart when the program isn't run

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时的图表。The chart when running 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; }

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

解决方案:

当设置 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>

给TA打赏
共{{data.count}}人
人已打赏
未分类

使用fab调用日期选择器对话框出错

2022-9-9 1:50:21

未分类

Angular *ng如果没有使用组件方法进行更新

2022-9-9 2:01:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索