C1chart线图中是否能显示数据交点显示值

，如图所示，在线图中是否能显示数据交点显示值。

回复 1楼fan_314的帖子

你好，请问楼主使用的是哪个平台的产品？Silverlight 还是 ASP.NET Wijmo?

回复 2楼iceman的帖子

你好，使用的是Silverlight的平台，已经购买了贵公司C1的产品，在使用的过程当中碰到这样的需求，不知道C1是否能支持

fan_314 你好

你是希望在交点处显示该点对于的X和Y坐标值吗？

你可以通过Label来显示X和Y对应的值，除此之外，你也可以通过Marker的方式来显示相应的X和Y值。

回复 4楼dof的帖子

dof老师，你好：
    是想在交点处显示该点对于x和y坐标的值，能否给一个例子。

fan_314 你好

图表中与折线相交的那条垂直红线是通过什么方式绘制的，这条红线是固定在该处还是会改变位置，比如鼠标移动之后红线页跟着移动。

回复 6楼dof的帖子

dof，你好：
    垂直红线是通过C1带的一个方法绘制，这条红线是通过鼠标在chart图上任意的点击生成的一条红线，红线与chart图里面的线相交的点，要显示相交点的x,y坐标值

你好

将 Attach 属性设置为ChartPanelAttach.DataXY时，鼠标移动过程中就会自动停靠在相应的数据点上，并显示相应的X和Y值。

回复 8楼dof的帖子

dof老师，你好：
   前面可能我没有描述清楚，用鼠标在chart图上面点击某一地方，会在chart图上面生成一条红线，红线会与chart图上面的折线有相交点，需要把相交点的值显示出来，如有3个相交点，则显示3个节点的值。见最上面的图片。

fan_314 你好

我大概理解你的需求了，并做了个简单的例子供你参考，主要步骤：
1、添加垂直线
2、添加垂直线和系列交点的显示
3、在鼠标移动时动态改变垂直线和交点标识的位置

1.     public partial class MainPage : UserControl
   
2.     {
   
3.         ChartPanel pnl = new ChartPanel();        
   
4. 
   
5.         List<Ellipse> markers;
   
6. 
   
7.         public MainPage()
   
8.         {
   
9.             InitializeComponent();
   
10. 
    
11.             AddLine();
    
12. 
    
13.             AddMarkers();            
    
14. 
    
15.             chart.View.Layers.Add(pnl);
    
16. 
    
17.             chart.MouseMove += new MouseEventHandler(chart_MouseMove);
    
18.         }
    
19. 
    
20.         void AddLine()
    
21.         {
    
22.             Point p = new Point(0, double.NaN);
    
23. 
    
24.             var dt = (DataTemplate)Resources["line"];
    
25.             var cpo = (ChartPanelObject)dt.LoadContent();
    
26.             cpo.DataPoint = p;
    
27.             cpo.Action = ChartPanelAction.MouseMove;
    
28.             cpo.Attach = ChartPanelAttach.DataXY;
    
29.             pnl.Children.Add(cpo);
    
30.         }
    
31. 
    
32.         void AddMarkers()
    
33.         {
    
34.             markers = new List<Ellipse>();
    
35. 
    
36.             for (int i = 0; i < chart.Data.Children.Count; i++)
    
37.             {
    
38.                 Ellipse ep = new Ellipse();
    
39.                 ep.Width = 50;
    
40.                 ep.Height = 50;
    
41.                 ep.Stroke = new SolidColorBrush(Colors.Blue);
    
42.                 ep.Fill = new SolidColorBrush(Color.FromArgb(64, 0, 0, 255));
    
43.                 markers.Add(ep);
    
44.                 chart.View.Children.Add(ep);
    
45.             }
    
46.         }
    
47. 
    
48.         void SetMarkerPosition(Point pt)
    
49.         {
    
50.             double dis1;
    
51. 
    
52.             for (int i = 0; i < markers.Count; i++)
    
53.             {
    
54.                 int p = chart.View.DataIndexFromPoint(pt, i, MeasureOption.X, out dis1);
    
55.                 Point ps1 = chart.View.DataIndexToPoint(i, p);
    
56. 
    
57.                 Canvas.SetLeft(markers[i], ps1.X - markers[i].Width / 2);
    
58.                 Canvas.SetTop(markers[i], ps1.Y - markers[i].Height / 2);
    
59.             }
    
60.         }
    
61. 
    
62.         void chart_MouseMove(object sender, MouseEventArgs e)
    
63.         {            
    
64.             SetMarkerPosition(e.GetPosition(this));
    
65.         }
    
66.         
    
67.     }

复制代码

运行截图：


源码下载：VS2010 + Silverlight 5.0 + C1 Studio for Silverlight 2012V2