2

在动态数据显示中,有一个名为 MarkerPointsGraph 的类。这派生自 FrameWorkElement(通过一系列其他类,最直接的父类是 PointsGraphBase)并覆盖 OnRenderMethod 以在图表上绘制一组标记。

它通过为屏幕上渲染的每个点调用一次适当标记类型(例如,三角形、圆形等)的渲染方法来完成此操作。我需要找到一种方法来识别鼠标何时悬停在这些标记之一上,以便我可以为该标记设置工具提示。

我有一组方法允许我将一个点从屏幕位置转换为视口位置,再转换为数据位置并返回。即,将屏幕值转换为相应的数据值或视口值,反之亦然。

我还有关于这个框架元素的工具提示打开事件和每个标记的像素大小。只要用户悬停在特定标记上,我就需要确定他悬停在哪个点上,并让 markerpointsgraph 设置工具提示值。

但是,用于转换值的变换和方法似乎无法正常工作,尤其是在 x 方向上。y 方向似乎没问题。

下面是一些示例代码,将解释这个想法:

                    double selectedPointX = 0;
                    double selectedPointY = 0;

                    CoordinateTransform transformLocal = this.primaryPlotter.Transform;

                    if (series.SeriesDescription.YAxisAffinity == AxisAffinity_Y.Y1)
                    {
                        selectedPointX = Mouse.GetPosition(this.primaryPlotter).ScreenToViewport(transformLocal).X; //Getting the mouse positions
                        selectedPointY = Mouse.GetPosition(this.primaryPlotter).ScreenToViewport(transformLocal).Y;
                    }
                    else if (series.SeriesDescription.YAxisAffinity == AxisAffinity_Y.Y2 && injSecondaryAxis != null)
                    {
                        transformLocal = injSecondaryAxis.Transform;

                        selectedPointX = Mouse.GetPosition(this.injSecondaryAxis).ScreenToViewport(transformLocal).X;
                        selectedPointY = Mouse.GetPosition(this.injSecondaryAxis).ScreenToViewport(transformLocal).Y;
                    }
                    else if (series.SeriesDescription.YAxisAffinity == AxisAffinity_Y.Y3 && injTertiaryAxis != null)
                    {
                        transformLocal = injTertiaryAxis.Transform;

                        selectedPointX = Mouse.GetPosition(this.injTertiaryAxis).ScreenToViewport(transformLocal).X;
                        selectedPointY = Mouse.GetPosition(this.injTertiaryAxis).ScreenToViewport(transformLocal).Y;
                    }

                    foreach (var item in SeriesList)
                    {
                        if (item.Key == GraphKey)
                        {
                            for (int i = 0; i < item.Value.Collection.Count; i++)
                            {
//Calculate the size of the marker on the screen and allow for some level of inaccuracy in identifying the marker i.e anywhere within the marker is allowed. 
                                double xlowerBound = item.Value.Collection[i].DataToViewport(transformLocal).X - series.MarkerSize;
                                double xUpperBound = item.Value.Collection[i].DataToViewport(transformLocal).X + series.MarkerSize;
                                double ylowerBound = item.Value.Collection[i].DataToViewport(transformLocal).Y - series.MarkerSize;
                                double yUpperBound = item.Value.Collection[i].DataToViewport(transformLocal).Y + series.MarkerSize;

                                //If point is within bounds
                                if (!(selectedPointX < xlowerBound || selectedPointX > xUpperBound || selectedPointY < ylowerBound || selectedPointY > yUpperBound))
                                {
                                    strToolTip = item.Value.Collection[i].X + ", " + item.Value.Collection[i].Y; //This point is set as the tooltip
                                    break;
                                }
                            }

                            break;
                        }
                    }

这里,injSecondary 和 injTertiary 是两个注入式绘图仪,提供两个垂直 Y 轴。它们的行为与主图表绘图仪非常相似。

这里有什么问题吗?由于某种原因,实际点击点之前的点正在通过缓冲区子句。

4

2 回答 2

2

嗯,看起来你对我来说是错误的方式。如果您深入研究 D3 的源代码,您可以打开其中一个标记类并直接在那里编辑工具提示。每个 System.Windows.Shapes 元素都有一个 Tooltip 属性,您可以在标记类中分配该属性。您需要做的就是确定工具提示包含哪些数据。

示例 - CircleElementPointMarker 类:

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;

namespace Microsoft.Research.DynamicDataDisplay.PointMarkers
{
/// <summary>Adds Circle element at every point of graph</summary>
public class CircleElementPointMarker : ShapeElementPointMarker {

    public override UIElement CreateMarker()
    {
        Ellipse result = new Ellipse();
        result.Width = Size;
        result.Height = Size;
        result.Stroke = Brush;
        result.Fill = Fill;
        if (!String.IsNullOrEmpty(ToolTipText))
        {
            ToolTip tt = new ToolTip();
            tt.Content = ToolTipText;
            result.ToolTip = tt;
        }
        return result;
    }

    public override void SetMarkerProperties(UIElement marker)
    {
        Ellipse ellipse = (Ellipse)marker;

        ellipse.Width = Size;
        ellipse.Height = Size;
        ellipse.Stroke = Brush;
        ellipse.Fill = Fill;

        if (!String.IsNullOrEmpty(ToolTipText))
        {
            ToolTip tt = new ToolTip();
            tt.Content = ToolTipText;
            ellipse.ToolTip = tt;
        }
    }

    public override void SetPosition(UIElement marker, Point screenPoint)
    {
        Canvas.SetLeft(marker, screenPoint.X - Size / 2);
        Canvas.SetTop(marker, screenPoint.Y - Size / 2);
    }
}
}

你可以在这个类中看到我们有内置的代码来处理工具提示。ToolTipText 是派生自父类 - ShapeElementPointMarker 的属性。您所要做的就是为该属性分配您需要显示的数据。

于 2012-11-16T14:21:37.653 回答
0

使用绘图仪上的光标坐标图代替 Mouse.GetPosition 以获得正确的屏幕位置并避免 ScreenToViewport 转换。此外,在创建边界时使用 DataToScreen。

于 2012-11-17T06:38:53.817 回答