2012-11-16 37 views
2

在动态数据显示中,有一个名为MarkerPointsGraph的类。这源于FrameWorkElement(通过一系列其他类,最直接的父级是PointsGraphBase)并重写OnRenderMethod以在图表上绘制一组标记。查找悬停上的元素 - WPF - C# - 动态数据显示

它通过为屏幕上呈现的每个点调用适当的标记类型(比如Triangle,Circle等)的渲染方法一次。我需要找到一种方法来识别鼠标悬停在这些标记之一上,以便我可以设置该标记的工具提示。

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

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

但是,用于转换值的转换和方法似乎不能正常工作,尤其是在x方向。你的方向似乎很好。

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

    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轴绘图仪。他们的行为与主要海图绘图仪非常相似。

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

回答

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派生的属性。您只需为该属性分配需要显示的数据即可。

+0

是的。已经尝试过这一点,它工作正常。也看起来比MarkerPointsGraph更加出色。 :) – Harsha

0

在绘图仪上使用cursorcoordinategraph来代替Mouse.GetPosition来获取正确的屏幕位置并避免ScreenToViewport转换。另外,在创建边界时使用DataToScreen。