在Chart中未其中某一个数据加上一个标签

登录

如何为Chart添加一个标签在X轴上鼠标悬停的位置，最好可以提供解决方案

Alice · Alice

回复 1楼kyb11111的帖子

你可以自定义Tooltip，当鼠标Hover的时候，将自定义的Tooltip展示出来。
主要是在C1Chart的View层添加一个ChartPanel，然后把你需要展示的数据放到这个Panel里。
代码参考：

var pnl = new ChartPanel();
var obj = new ChartPanelObject()
{
HorizontalAlignment = HorizontalAlignment.Right,
VerticalAlignment = VerticalAlignment.Bottom
};
var bdr = new Border()
{
Background = new SolidColorBrush(Colors.LightYellow) { Opacity = 0.6 },
BorderBrush = new SolidColorBrush(Colors.Black),
BorderThickness = new Thickness(1, 1, 2, 2),
Padding = new Thickness(3)
};
var sp = new StackPanel();
var tb1 = new TextBlock();
var bind1 = new Binding();
bind1.Source = obj;
bind1.StringFormat = "x={0:#.##}";
bind1.Path = new PropertyPath("DataPoint.X");
tb1.SetBinding(TextBlock.TextProperty, bind1);
var tb2 = new TextBlock();
var bind2 = new Binding();
bind2.Source = obj;
bind2.StringFormat = "y={0:#.##}";
bind2.Path = new PropertyPath("DataPoint.Y");
tb2.SetBinding(TextBlock.TextProperty, bind2);
var lb0 = new TextBlock();
lb0.Text = "Value";
lb0.FontSize = 12;
lb0.FontWeight = FontWeights.Bold;
lb0.HorizontalAlignment = System.Windows.HorizontalAlignment.Left;
var lb1 = new TextBlock();
lb1.Text = "Description";
lb1.FontSize = 12;
lb1.FontWeight = FontWeights.Bold;
lb1.HorizontalAlignment = System.Windows.HorizontalAlignment.Left;
var lb2 = new TextBlock();
lb2.Text = "Test";
lb2.HorizontalAlignment = System.Windows.HorizontalAlignment.Left;
sp.Children.Add(lb0);
sp.Children.Add(tb1);
sp.Children.Add(tb2);
sp.Children.Add(lb1);
sp.Children.Add(lb2);
bdr.Child = sp;
obj.Content = bdr;
obj.DataPoint = new Point();
obj.Action = ChartPanelAction.MouseMove;
obj.Attach = ChartPanelAttach.DataXY;
pnl.Children.Add(obj);
this.c1Chart1.View.Layers.Add(pnl);

复制代码

另外可以参考我们的中文博客，C1Chart在WPF平台下画ToolTips:
http://blog.gcpowertools.com.cn/ ... -in-c1wpfchart.aspx

kyb11111 · kyb11111

回复 2楼Alice的帖子

我试过例子和我们的要求有些出入，比如说X轴绑定时间，在chart中选取一个点，就可以为这个点添加一个事件标签，标签的位置在Chart中对应的时间点，就是标签显示在Chart中X轴的位置，能否提供一个Demo

Alice · Alice

回复 3楼kyb11111的帖子

很抱歉给你带来的不便，我没有现成的Demo。
从图片来看，你是需要展示X轴的时间数据。博客上Tooltips你可以自定义，比如你可以用TextBlock显示X轴的时间点，只需要将StringFormat改成时间的格式即可。该代码我应用到LineChart类型下，也是可以使用的。

如果你对此依然存在问题并且需要完整帮你实现需求，可以将图表类型、数据源（X轴和Y轴的数据）具体一点发给我们，我们可以根据你提供的信息，协助你完成Demo。

kyb11111 · kyb11111

回复 4楼Alice的帖子

如果把Tooltip固定到某一个时间点上比如说我就想放在某一天所对应的X轴上

Alice · Alice

回复 5楼kyb11111的帖子

在2楼的代码里有这样一段：

obj.Content = bdr;
obj.DataPoint = new Point();
obj.Action = ChartPanelAction.MouseMove;
obj.Attach = ChartPanelAttach.DataXY;

复制代码

Action属性可以用来展示Tooltip的时机，将其改为None，就是固定的。
DataPoint属性就是指展示Tootip的位置，比如new Point(200,0)，就是出现在X轴=200的位置。

附件是制作的Demo，请参考：

kyb11111 · kyb11111

回复 6楼Alice的帖子

如果X轴绑定的是时间怎么办 Point 只能是double值请问该如何转换

kyb11111 · kyb11111

回复 7楼kyb11111的帖子

已经解决 ToOAData

Alice · Alice

回复 8楼kyb11111的帖子

谢谢反馈。
如果没有什么问题，此问题结束。
新问题请开新帖。

		自动登录	找回密码
密码			立即注册

[已处理] 在Chart中未其中某一个数据加上一个标签

本帖子中包含更多资源

8 个回复

本帖子中包含更多资源

评分

活字格认证

微信认证勋章

元老葡萄