<ComponentOne Studio for WPF下载>

在上文中，我们介绍了如何添加简单的绑定标记。而且代码都是实用XAML markup来实现的。有的客户经常使用的是代码，本文就在上文的基础上，演示如何使用C#代码完成这些事情。

第一步：

添加C1Chart到页面。您可以拖拽一个C1Chart到页面，也可以实用代码在cs文件里添加。有关如何在cs文件里通过代码添加C1Chart，请参考上文的内容。

第二步：

通过代码创建一个新的ChartPanel。

var pnl = new ChartPanel();

第三步：

完成第二步后，就可以添加一个新的ChartPanelObject然后设置它的方向。

var obj = new ChartPanelObject()
{ HorizontalAlignment = HorizontalAlignment.Right, VerticalAlignment = VerticalAlignment.Bottom
};

第四步：

添加一个border元素：

var bdr = new Border()
{
Background = new SolidColorBrush(Colors.Green) { Opacity = 0.4 }
BorderBrush = new SolidColorBrush(Colors.Green),
BorderThickness = new Thickness(1, 1, 3, 3),
CornerRadius = new CornerRadius(6, 6, 0, 6),
Padding = new Thickness(3)
};

第五步：

添加一个StackPanel元素包含两个TextBlock控件，注意它绑定了ChartPanelObject数据源。代码参考：

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);

sp.Children.Add(tb1);
sp.Children.Add(tb2);

bdr.Child = sp;

第六步：

设置ChartPanelObject的Content，DataPoint和Action属性，然后添加ChartPanelObject到ChartPanel。最后一行代码添加layers集合到C1Chart控件。

obj.Content = bdr;
obj.DataPoint = new Point();
obj.Action = ChartPanelAction.MouseMove;
pnl.Children.Add(obj);

chart.View.Layers.Add(pnl);

第七步：

最后一行代码需要设置Attach属性。

obj.Action = ChartPanelAction.MouseMove;

如上代码，就可以创建一个图表的标记，随着鼠标位置而变换。

在图表上鼠标移动，就会显示相应数据的标记。

本文的详细代码如示例所示：ChartWPF_MarkCode.zip (319.01 kb)

PS: 关于ComponentOne，这些产品你可以关注>>

本文转载自葡萄城

葡萄城经典UI产品惠风迎春，惊喜折扣礼品送不停！优惠详情点击查看>>

强大工具Qt新版发布，慧都助力——解决方案大放送！优惠详情点击查看>>