为 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

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年,40余年来始终聚焦软件开发技术,有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态,与超过3000家合作伙伴紧密合作,产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。

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

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

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