Question

我正在使用beto-rodriguez的WPF实时图表。我从xml文件获取图表的数据，而不是我在另一个上面绘制图表，表示数据的图表在X轴上具有相同数量的点，并且使用ch.Zoom = ZoomingOptions.X启用ZOOM和PAN;和ch.Pan = PanningOptions.X; 我的问题是可以缩放或平移这些图表中的一个（无关紧要），并且所有图表都被缩放或平移，以便我有所有这些图表的垂直对齐X轴？基本上，如果我在一张图表上进行缩放或平移，则其他所有其他图像应同时缩放和平移并且相同的数量。

Answer 1

您需要做的是为每个图形轴上的事件“RangeChanged”创建一个事件处理程序

<lvc:CartesianChart.AxisX>
            <lvc:Axis Title="Time" RangeChanged="Axis_RangeChanged" Separator="{x:Static lvc:DefaultAxes.CleanSeparator}" DisableAnimations="True" />
        </lvc:CartesianChart.AxisX>

在事件处理程序中，您可以提取轴的新的最小值和最大值，并将其应用于页面上的所有图形

private void Axis_RangeChanged(LiveCharts.Events.RangeChangedEventArgs eventArgs)
    {
        //sync the graphs
        double min = ((Axis)eventArgs.Axis).MinValue;
        double max= ((Axis)eventArgs.Axis).MaxValue;

        this.lvcChart2.AxisX[0].MinValue = min;
        this.lvcChart2.AxisX[0].MaxValue = max;

        this.lvcChart.AxisX[0].MinValue = min;
        this.lvcChart.AxisX[0].MaxValue = max;

        //Repeat for as many graphs as you have
    }

使用命令和绑定可能还有其他一些很酷的方法，但这至少可以让你开始。

Answer 2

我设法做了平移并垂直放大X轴。首先，我创建了一个类，它读取xml并创建为livecharts库准备的对象，然后我动态创建图表并为每个轴指定名称

            Axis axisX = new Axis();
            Axis axisY = new Axis();
            axisX.Name = "X";
            axisY.Name = "Y";

然后创建一个触发范围更改的事件，如@Kevin Ross提到的，并在该事件的方法循环中通过所有轴并检查轴的名称，然后更改minValue和maxValue，如下所示：

        void axisX_RangeChanged(LiveCharts.Events.RangeChangedEventArgs eventArgs)
    {
        double min = ((Axis)eventArgs.Axis).MinValue;
        double max = ((Axis)eventArgs.Axis).MaxValue;


        int p = 0;
        string name;
        foreach (Axis CartChart in FindVisualChildren<Axis>(TestGrid))
        {
            // do something with CartChart here
            name = CartChart.Name;
            if (name == "Y")
            {
                continue;
            }
            else if (name == "X")
            {
                CartChart.MinValue = min;
                CartChart.MaxValue = max;
            }

            p++;
        }

    }

如何使用livecharts库

2 个答案: