为 C1Chart for Silverlight 添加鼠标跟踪标记

本文主要介绍如何给 C1Chart for Silverlight 添加鼠标跟踪行为,最终会显示一条垂直红线以及红线与各个系列的交点,主要步骤

发布于 2012/11/16 00:00

ComponentOne Enterprise

本文主要介绍如何给 C1Chart for Silverlight 添加鼠标跟踪行为,最终会显示一条垂直红线以及红线与各个系列的交点,主要步骤:
1、添加垂直线
2、添加垂直线和系列交点的显示
3、在鼠标移动时动态改变垂直线和交点标识的位置

  1.    
    public partial class MainPage : UserControl
        {
            ChartPanel pnl = new ChartPanel();        
    
            List<Ellipse> markers;
    
            public MainPage()
            {
                InitializeComponent();
    
                AddLine();
    
                AddMarkers();            
    
                chart.View.Layers.Add(pnl);
    
                chart.MouseMove += new MouseEventHandler(chart_MouseMove);
            }
    
            void AddLine()
            {
                Point p = new Point(0, double.NaN);
    
                var dt = (DataTemplate)Resources["line"];
                var cpo = (ChartPanelObject)dt.LoadContent();
                cpo.DataPoint = p;
                cpo.Action = ChartPanelAction.MouseMove;
                cpo.Attach = ChartPanelAttach.DataXY;
                pnl.Children.Add(cpo);
            }
    
            void AddMarkers()
            {
                markers = new List<Ellipse>();
    
                for (int i = 0; i < chart.Data.Children.Count; i++)
                {
                    Ellipse ep = new Ellipse();
                    ep.Width = 50;
                    ep.Height = 50;
                    ep.Stroke = new SolidColorBrush(Colors.Blue);
                    ep.Fill = new SolidColorBrush(Color.FromArgb(64, 0, 0, 255));
                    markers.Add(ep);
                    chart.View.Children.Add(ep);
                }
            }
    
            void SetMarkerPosition(Point pt)
            {
                double dis1;
    
                for (int i = 0; i < markers.Count; i++)
                {
                    int p = chart.View.DataIndexFromPoint(pt, i, MeasureOption.X, out dis1);
                    Point ps1 = chart.View.DataIndexToPoint(i, p);
    
                    Canvas.SetLeft(markers[i], ps1.X - markers[i].Width / 2);
                    Canvas.SetTop(markers[i], ps1.Y - markers[i].Height / 2);
                }
            }
    
            void chart_MouseMove(object sender, MouseEventArgs e)
            {            
                SetMarkerPosition(e.GetPosition(this));
            }
            
        }
    复制代码
    运行截图:


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

ComponentOne Enterprise | 下载试用

ComponentOne 是一套专注于企业 .NET开发、支持 .NET Core 平台,并完美集成于 Visual Studio 的第三方控件集,包含 300 多种 .NET开发控件,提供表格数据管理、数据可视化、报表和文档、日程安排、输入和编辑、导航和布局、系统提升工具等七大功能,被誉为“.NET开发的‘瑞士军刀’”。

ComponentOne 为您提供专业的产品咨询服务,并由技术支持工程师为您1对1解答。>> 发帖提问

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态