用 D3 画垂直线（动态数据显示）

Question

我正在创建一个 ChartPlotter 并使用 CursorCoordinateGraph 我能够在 MouseLeftButtonDown 事件上获得 X 坐标。

    private CursorCoordinateGraph mouseTrack;
    private void OnLoaded(object sender, RoutedEventArgs e)
    {
        mouseTrack = new CursorCoordinateGraph();
        firstPlotter.Children.Add(mouseTrack);
    }


    private void OnMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        Point mousePos = mouseTrack.Position;
        var transform = firstPlotter.Viewport.Transform;
        Point mousePosInData = mousePos.ScreenToData(transform);
        double xValue = mousePosInData.X;
    }

有没有办法在 xValue 坐标上画一条垂直线？我有点迷失在折线图、线条、垂直线中..

Answer 1

在 OnMouseLeftButtonDown 中计算 xValue 之后添加这行代码。

VerticalLine vl = new VerticalLine();
vl.Value = xValue;

我假设您想将该行添加到上述绘图仪中：

firstPlotter.Children.Add(vl);

您可以对 HorizontalLine 使用相同的方法。

用 D3 画垂直线（动态数据显示）

draw vertical line with D3 ( Dynamic Data Display)

dynamic-data-display