码迷,mamicode.com
首页 > 移动开发 > 详细

鼠标移动到曲线图上显示值

时间:2014-10-29 00:04:14      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   os   ar   使用   sp   

 完成折线图报表后,产品经理要求把折线上的数值去掉,鼠标经过折线点时显示数值,实现方法如下:
该方法针对dotnetcharting 下的charting折线图报表使用。
 实现思路,在该窗体上添加一个lable标签,当鼠标经过折线点时获取该点的x轴,y轴值和鼠标坐标值。然后将lable的坐标标记为鼠标所在坐标,并且给lable赋值,并且将lable显示出来。 
 
    /// <summary>
        /// 鼠标移动到曲线图上显示值
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void chart4_MouseMove(object sender, MouseEventArgs e)
        {
            var chart = sender as Chart;
            if (chart != null)
            {
                HitTestInfo hit = chart.HitTest(e.X, e.Y);
                var o = hit.Object as Element;
                if (o != null)
                {
                    var yvaule = o.YValue;
                    label2.Visible = true;//鼠标经过时label显示
                    label2.Text = yvaule.ToString(CultureInfo.InvariantCulture);
                    label2.Location = new Point(e.X, e.Y - 20);
                }
                else//鼠标离开时lable隐藏
                {
                    label2.Visible = false;
                }
            }
        }
 
折线图和其他报表的生成可参考  dotnetcharting 的简单使用

鼠标移动到曲线图上显示值

标签:style   blog   http   io   color   os   ar   使用   sp   

原文地址:http://www.cnblogs.com/xjt927/p/4058233.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!