首页 > 代码库 > 鼠标移动到曲线图上显示值

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

2024-07-29 20:45:05   218人阅读

 完成折线图报表后，产品经理要求把折线上的数值去掉，鼠标经过折线点时显示数值，实现方法如下：
该方法针对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 的简单使用

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


联系
我们