广告
返回顶部
首页 > 资讯 > 精选 >C#如何实现图表中鼠标移动并显示数据
  • 640
分享到

C#如何实现图表中鼠标移动并显示数据

2023-06-29 03:06:47 640人浏览 八月长安
摘要

这篇文章将为大家详细讲解有关C#如何实现图表中鼠标移动并显示数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容如下效果图:首先在页面上添加一个label控件并 默认隐藏:给该图表添加MouseMo

这篇文章将为大家详细讲解有关C#如何实现图表中鼠标移动并显示数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

具体内容如下

效果图:

C#如何实现图表中鼠标移动并显示数据

C#如何实现图表中鼠标移动并显示数据

首先在页面上添加一个label控件并 默认隐藏:

C#如何实现图表中鼠标移动并显示数据

给该图表添加MouseMove鼠标移动事件:

/// <summary>/// 鼠标经过时发生/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void chart1_MouseMove(object sender, MouseEventArgs e) {   try   {       HitTestResult Result = new HitTestResult();       Result = chart1.HitTest(e.X, e.Y);       if (Result.Series != null && Result.Object != null)       {           // 获取当前焦点x轴的值           string xValue = ObjectUtil.GetPropertyValue(Result.Object, "AxisLabel").ToString();           // 获取当前焦点所属区域名称           string areaName = ObjectUtil.GetPropertyValue(Result.Object, "LegendText").ToString();           // 获取当前焦点y轴的值           double yValue = Result.Series.Points[Result.PointIndex].YValues[0];           // 鼠标经过时label显示           skinLabel4.Visible = true;           skinLabel4.Text = "时间:"+ xValue + "\n"+ areaName + ":"+ yValue + "ug/m^3";           skinLabel4.Location = new Point(e.X, e.Y - 20);       }       else       {           // 鼠标离开时label隐藏           skinLabel4.Visible = false;       }   }   catch (Exception se)   {       // 鼠标离开时label隐藏       skinLabel4.Visible = false;   }}

其中GetPropertyValue() 获取对象中的某个属性 方法如下:

public class ObjectUtil{   /// <summary>   /// 获取某个对象中的属性值   /// </summary>   /// <param name="info"></param>   /// <param name="field"></param>   /// <returns></returns>   public static object GetPropertyValue(object info, string field)   {       if (info == null) return null;       Type t = info.GetType();       IEnumerable<System.Reflection.PropertyInfo> property = from pi in t.GetProperties() where pi.Name.ToLower() == field.ToLower() select pi;       return property.First().GetValue(info, null);   }}

另外(以下与上述无关)图表添加数据后绑定提示:

C#如何实现图表中鼠标移动并显示数据

/// <summary>/// 扬尘监测、噪音监测、温度检测、湿度监测/// </summary>/// <param name="_Chart"></param>private void ChartTemperatureMethod(Chart _Chart){    List<string> xData = new List<string>() {"0", "4:00", "8:00", "12:00", "16:00", "20:00", "24:00" };    List<int> yData = new List<int>() { 0,21, 35, 48, 40, 27, 7 };    List<int> yData1 = new List<int>() { 0,5, 18, 25, 68, 50, 30 };    string iss = "#VALX";    // 需要提示的信息    chart1.Series["Series1"].ToolTip = "时间:#VALX\nPM2.5:#VALYug/m^3\tPM10:" + yData1[xData.IndexOf("#VALX") + 1] + "ug/m^3";    // 标签显示 Inside:内部,Outside:外部,Disabled:禁用    chart1.Series["Series1"]["PieLabelStyle"] = "Outside";    chart1.Series["Series1"].Points.DataBindXY(xData, yData);    // 需要提示的信息    chart1.Series["Series2"].ToolTip = "时间:#VALX\nPM2.5:" + yData[xData.IndexOf("#VALX") + 1] + "ug/m^3\tPM10:#VALYug/m^3";    // 标签显示 Inside:内部,Outside:外部,Disabled:禁用    chart1.Series["Series2"]["PieLabelStyle"] = "Outside";    chart1.Series["Series2"].Points.DataBindXY(xData, yData1);}

关于“C#如何实现图表中鼠标移动并显示数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: C#如何实现图表中鼠标移动并显示数据

本文链接: https://www.lsjlt.com/news/322429.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • C#实现图表中鼠标移动并显示数据
    本文实例为大家分享了C#实现图表中鼠标移动并显示数据的具体代码,供大家参考,具体内容如下 效果图: 1.首先在页面上添加一个label控件并 默认隐藏: 2.给该图表添加Mou...
    99+
    2022-11-13
  • C#如何实现图表中鼠标移动并显示数据
    这篇文章将为大家详细讲解有关C#如何实现图表中鼠标移动并显示数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容如下效果图:首先在页面上添加一个label控件并 默认隐藏:给该图表添加MouseMo...
    99+
    2023-06-29
  • layui怎么实现鼠标移动到单元格上显示数据
    这篇文章主要介绍layui怎么实现鼠标移动到单元格上显示数据,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!如下所示:{ field : 'operNm&#...
    99+
    2022-10-19
  • css3如何实现鼠标移动到div显示隐藏div效果
    本篇内容介绍了“css3如何实现鼠标移动到div显示隐藏div效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有...
    99+
    2022-10-19
  • CSS如何实现鼠标移至图片上显示遮罩层效果
    这篇文章主要介绍了CSS如何实现鼠标移至图片上显示遮罩层效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。将遮罩层html代码与图片放在一个div我是放在 .img_div里...
    99+
    2023-06-08
  • CSS3如何实现鼠标移入图片动态提示效果
    这篇文章将为大家详细讲解有关CSS3如何实现鼠标移入图片动态提示效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、前言1. transform是什么?transfor...
    99+
    2022-10-19
  • Visual C++中如何实现对图像数据的读取显示
    本篇文章为大家展示了Visual C++中如何实现对图像数据的读取显示,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。在利用VC进行数据库编程时,经常需要处理数据库中的图像数据,将该图像从数据库中读取...
    99+
    2023-06-17
  • Layui如何实现数据表格中鼠标悬浮图片放大效果
    这篇文章主要介绍Layui如何实现数据表格中鼠标悬浮图片放大效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!如下所示:var tableIns = w...
    99+
    2022-10-19
  • 基于Springboot+vue如何实现图片上传至数据库并显示
    这篇文章主要讲解了“基于Springboot+vue如何实现图片上传至数据库并显示”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“基于Springboot+vue如何实现图片上传至数据库并显示...
    99+
    2023-07-06
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作