我正在使用在图表上创建标记的开源图表库。 （动态数据显示）我创建的标记是使用Rect对象创建的。我注意到System.Windows.Shapes中的所有Shapes都有一个ToolTip属性，但System.Windows.Rect没有。我希望弹出一个工具提示，告诉用户当鼠标悬停在标记上时标记的价格值。 当鼠标进入rect占据的区域时，我正在考虑创建并弹出一个工具提示，但我不知道有多少可能考虑到矩形将被图表缩放/平移。还有其他建议吗？
以下是我正在创建的标记的代码（来自Felice Pollano博客）
using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows.Shapes;
using System.Windows.Controls;
using System.Text;
using System.Windows;
using System.Windows.Media;
namespace Microsoft.Research.DynamicDataDisplay.PointMarkers
{
public class CandleStickPointMarker:ShapePointMarker,ITransformAware
{
public double CandlestickWidth
{
get { return (double)GetValue(CandlestickWidthProperty); }
set { SetValue(CandlestickWidthProperty, value); }
}
public static readonly DependencyProperty CandlestickWidthProperty =
DependencyProperty.Register("CandlestickWidth", typeof(double), typeof(CandleStickPointMarker), new UIPropertyMetadata(4.0));
public double CandlestickStrokeWidth
{
get { return (double)GetValue(CandlestickStrokeWidthProperty); }
set { SetValue(CandlestickStrokeWidthProperty, value); }
}
public static readonly DependencyProperty CandlestickStrokeWidthProperty =
DependencyProperty.Register("CandlestickStrokeWidth", typeof(double), typeof(CandleStickPointMarker), new UIPropertyMetadata(1.0));
public Brush WhiteCandleFill
{
get { return (Brush)GetValue(WhiteCandleFillProperty); }
set { SetValue(WhiteCandleFillProperty, value); }
}
public static readonly DependencyProperty WhiteCandleFillProperty =
DependencyProperty.Register("WhiteCandleFill", typeof(Brush), typeof(CandleStickPointMarker), new UIPropertyMetadata(Brushes.White));
public Brush WhiteCandleStroke
{
get { return (Brush)GetValue(WhiteCandleStrokeProperty); }
set { SetValue(WhiteCandleStrokeProperty, value); }
}
public static readonly DependencyProperty WhiteCandleStrokeProperty =
DependencyProperty.Register("WhiteCandleStroke", typeof(Brush), typeof(CandleStickPointMarker), new UIPropertyMetadata(Brushes.DarkGray));
public Brush BlackCandleFill
{
get { return (Brush)GetValue(BlackCandleFillProperty); }
set { SetValue(BlackCandleFillProperty, value); }
}
public static readonly DependencyProperty BlackCandleFillProperty =
DependencyProperty.Register("BlackCandleFill", typeof(Brush), typeof(CandleStickPointMarker), new UIPropertyMetadata(Brushes.Black));
public Brush BlackCandleStroke
{
get { return (Brush)GetValue(BlackCandleStrokeProperty); }
set { SetValue(BlackCandleStrokeProperty, value); }
}
public static readonly DependencyProperty BlackCandleStrokeProperty =
DependencyProperty.Register("BlackCandleStroke", typeof(Brush), typeof(CandleStickPointMarker), new UIPropertyMetadata(Brushes.Gray));
public CoordinateTransform Transform { get; set; }
public double High
{
get { return (double)GetValue(HighProperty); }
set { SetValue(HighProperty, value); }
}
public static readonly DependencyProperty HighProperty =
DependencyProperty.Register("High", typeof(double), typeof(CandleStickPointMarker), new UIPropertyMetadata(0.0));
public double Low
{
get { return (double)GetValue(LowProperty); }
set { SetValue(LowProperty, value); }
}
public static readonly DependencyProperty LowProperty =
DependencyProperty.Register("Low", typeof(double), typeof(CandleStickPointMarker), new UIPropertyMetadata(0.0));
public double Open
{
get { return (double)GetValue(OpenProperty); }
set { SetValue(OpenProperty, value); }
}
public static readonly DependencyProperty OpenProperty =
DependencyProperty.Register("Open", typeof(double), typeof(CandleStickPointMarker), new UIPropertyMetadata(0.0));
public override void Render(System.Windows.Media.DrawingContext dc, Point screenPoint)
{
Point screenOpen = GetScreenPoint(Open,screenPoint.X);
Point screenHigh = GetScreenPoint(High,screenPoint.X);
Point screenLow = GetScreenPoint(Low, screenPoint.X);
//screenPoint is the CLOSE by gentleman agreement.
var close = screenPoint.ScreenToData(Transform).Y;
Pen strokePen;
if (Open >= close) // black
{
strokePen = new Pen(BlackCandleStroke, CandlestickStrokeWidth);
var h = -screenOpen.Y + screenPoint.Y;
Rect blkRect = new Rect(screenPoint.X - CandlestickWidth / 2, screenOpen.Y, CandlestickWidth, h);
dc.DrawRectangle(BlackCandleFill,strokePen, blkRect);
dc.DrawLine(strokePen, screenLow, screenPoint);
dc.DrawLine(strokePen, screenHigh, screenOpen);
}
else // white
{
strokePen=new Pen(WhiteCandleStroke, CandlestickStrokeWidth);
var h = screenOpen.Y - screenPoint.Y;
Rect whtRect = new Rect(screenPoint.X - CandlestickWidth / 2, screenPoint.Y, CandlestickWidth, h);
dc.DrawRectangle(WhiteCandleFill, strokePen, whtRect);
dc.DrawLine(strokePen, screenLow, screenOpen);
dc.DrawLine(strokePen, screenHigh, screenPoint);
}
}
private Point GetScreenPoint(double Open,double screenX)
{
Point screen = new Point(0, Open);
return new Point(screenX,screen.DataToScreen(Transform).Y);
}
}
}
答案 0 :(得分：5)
我不知道这对你有多大帮助，但我认为烛台标记应该与矩形标记类似。 下面的代码显示了我如何在D3中创建一个矩形标记（实际上是一个正方形），使用Polygon类，与CircleElementPointMarker类似，工具提示功能正常工作。
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;
using System.Windows.Media;
namespace Microsoft.Research.DynamicDataDisplay.PointMarkers
{
/// <summary>Adds Rectangle element at every point of graph</summary>
public class RectangleElementPointMarker : ShapeElementPointMarker
{
Polygon Rectangle;
public override UIElement CreateMarker()
{
Rectangle = new Polygon();
Rectangle.Stroke = (Pen != null) ? Pen.Brush : Brushes.White;
Rectangle.StrokeThickness = (Pen != null) ? Pen.Thickness : 0;
Rectangle.Fill = Fill;
Rectangle.HorizontalAlignment = HorizontalAlignment.Center;
Rectangle.VerticalAlignment = VerticalAlignment.Center;
Rectangle.Width = Size;
Rectangle.Height = Size;
Point Point1 = new Point(-Rectangle.Width / 2, -Rectangle.Height / 2);
Point Point2 = new Point(-Rectangle.Width / 2, Rectangle.Height / 2);
Point Point3 = new Point(Rectangle.Width / 2, Rectangle.Height / 2);
Point Point4 = new Point(Rectangle.Width / 2, -Rectangle.Height / 2);
PointCollection myPointCollection = new PointCollection();
myPointCollection.Add(Point1);
myPointCollection.Add(Point2);
myPointCollection.Add(Point3);
myPointCollection.Add(Point4);
Rectangle.Points = myPointCollection;
if (!String.IsNullOrEmpty(ToolTipText))
{
ToolTip tt = new ToolTip();
tt.Content = ToolTipText;
Rectangle.ToolTip = tt;
}
return Rectangle;
}
public override void SetPosition(UIElement marker, Point screenPoint)
{
Canvas.SetLeft(marker, screenPoint.X - Size / 2);
Canvas.SetTop(marker, screenPoint.Y - Size / 2);
}
}
}
代码是在.NET 4.0，VS2010上编译的
答案 1 :(得分：2)
一种选择是使用Rectangle代替Rect。
另一种选择是使用Path并将Data属性设置为RectangleGeometry。
答案 2 :(得分：2)
实现这一目标的最简单方法是遵循以下步骤：