c# - WPF 中的 Microsoft Charting 可滚动 LineSeries

Question

我正在使用 System.Windows.Controls.DataVisualization.Charting 在 WPF 中创建折线图它在显示数据时工作正常。但是，根据访问的数据，它会变得非常混乱和混乱。如果数据太宽，图表是否可以向右滚动？

这是我的图表 xaml

            <DVC:Chart Canvas.Top="80" Grid.Column="1" Grid.Row="0" Canvas.Left="10" Name="mcChart" Background="LightSteelBlue" Height="676">

                <DVC:Chart.Series>
                    <DVC:LineSeries Title="File Count" IndependentValueBinding="{Binding Path=Key}"
                          DependentValueBinding="{Binding Path=Value}"  >

                    </DVC:LineSeries>

                </DVC:Chart.Series>

            </DVC:Chart>

从 CS 代码中，我只是将图形的数据设置为 KeyValuePair 的列表

  ((LineSeries)mcChart.Series[0]).ItemsSource = data.ToArray(); 

这是显示明显问题的图表。

如果我无法滚动它，另一种选择是删除 x 轴标签。这是我的第二选择，但我也不知道该怎么做。谢谢

Answer 1

Remove the x axis labels 

可以使用轴的AxisLabelStyle来做到这一点。

    void DrawLineChart()
    {
      var line1 = new LineSeries();
      line1.IndependentAxis = new LinearAxis(){Orientation = AxisOrientation.X,AxisLabelStyle = GetHidenAxisStyle()};
    }


    private Style GetHidenAxisStyle()
    {
        Style style = new Style(typeof(AxisLabel));
        Setter st2 = new Setter(AxisLabel.BorderBrushProperty,
                                    new SolidColorBrush(Colors.White));
        Setter st3 = new Setter(AxisLabel.BorderThicknessProperty, new Thickness(0));
        Setter st4 = new Setter(AxisLabel.TemplateProperty, null);
        style.Setters.Add(st2);
        style.Setters.Add(st3);
        style.Setters.Add(st4);
        return style;
    }