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

本文实例为大家分享了C#实现图表中鼠标移动并显示数据的具体代码,供大家参考,具体内容如下

效果图:

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

2.给该图表添加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;
   }

}

3.其中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);
   }
}

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

/// <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);
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • C#实现随鼠标移动窗体实例

    本文实例讲述了c#实现随鼠标移动窗体的方法,分享给大家供大家参考. 具体实现方法如下: private void MainForm_Load(object sender, EventArgs e) { //绑定事件 MouseMove += Form_MouseMove; MouseDown += Form_MouseDown; } private Point _mousePoint; private void Form_MouseMove(object sender, MouseEventAr

  • c#打印预览控件中实现用鼠标移动页面功能代码分享

    该功能本来可以通过拉动水平和垂直滚动条来实现,但实际使用中,用户更趋向于直接用鼠标拖动页面来实现,很多看图类软件都有这种类似的功能.而.net的打印预览控件却很遗憾的没有提供这一功能,只来自己想办法来实现啦. 我的办法就是用代码来控制打印预览控件中的水平来垂直滚动条的位置,间接实现和用鼠标直接拖动滚动条一样的效果. 在实现这一功能的过程中,最大的困难是打印预览控件并没有让程序员直接调用的关于滚动条的方法或属性.所以只好向WinAPI求助了. 以下API函数和常量就是实现上述功能的关键了: 复制代

  • C#实现鼠标移动到曲线图上显示值的方法

    本文实例讲述了C#实现鼠标移动到曲线图上显示值的方法.分享给大家供大家参考.具体实现方法如下: 一.问题: 完成折线图报表后,产品经理要求把折线上的数值去掉,鼠标经过折线点时显示数值. 二.实现方法: 该方法针对dotnetcharting 下的charting折线图报表使用. 实现思路为,在该窗体上添加一个lable标签,当鼠标经过折线点时获取该点的x轴,y轴值和鼠标坐标值.然后将lable的坐标标记为鼠标所在坐标,并且给lable赋值,并且将lable显示出来.   具体实现代码如下: 复制

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

    本文实例为大家分享了C#实现图表中鼠标移动并显示数据的具体代码,供大家参考,具体内容如下 效果图: 1.首先在页面上添加一个label控件并 默认隐藏: 2.给该图表添加MouseMove鼠标移动事件: /// <summary> /// 鼠标经过时发生 /// </summary> /// <param name="sender"></param> /// <param name="e"></par

  • python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码

    在使用Matplotlib画图过程中,有些内容必须鼠标点击或者划过才可以显示,这个问题可以依赖于annotate(s='str' ,xy=(x,y) ,xytext=(l1,l2) ,..)这个函数,其中s 为注释文本内容 , xy 为被注释的坐标点, xytext 为注释文字的坐标位置,其他参数可自行百度哈.当鼠标滑过时候,将其设置为可见,默认情况下为隐藏.下面是一个小例子: # -*- coding: UTF-8 -*- import matplotlib.pyplot as plt fig

  • WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

    根据鼠标悬停显示.隐藏,回复和引用按钮 思路及原理 原理嘛很简单,如果你阅读过一页或者两页甚至更多页 Jquery 手册的话, 那么下面的原理解释你肯定能看懂,否则请跳至代码实现区域阅读. 思路很简单, 将回复.引用按钮放置在你想要的地方,CSS 样式设置 display:none; 绑定Jquery中的hover动作到你想要鼠标悬停后显示按钮的区域 是不是很简单?要是我以前写博客肯定会就此结束, 好吧,既然授人鱼那么继续--. 特效的代码实现部分 回复.引用的HTML代码 复制代码 代码如下:

  • JavaScript 在网页上单击鼠标的地方显示层及关闭层

    在网页上单击鼠标的地方显示层,供用户选择地点,同时把用户选择的地点显示在文本框中.主要是控制层的显示.隐藏. 复制代码 代码如下: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>层的隐藏显示练习</TITLE> <STYLE type="text/css&qu

  • jquery实现鼠标滑过显示提示框的方法

    本文实例讲述了jquery实现鼠标滑过显示提示框的方法.分享给大家供大家参考.具体如下: 一.jquery鼠标滑过显示提示框实例 1.效果图 2.实现代码 ( 需要自行添加  jquery.js.按钮图片.提示框图片  ) HTML 代码 复制代码 代码如下: <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF

  • Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法

    如下所示: var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '<%=path%>/partyMember/getPartyMembersByOrgCode', //width : 1500, height : 'full', cols : [ [ //标题栏 {checkbox : true,LAY_CHECKED : false,filter : 'test'},

  • PyCharm鼠标右键不显示Run unittest的解决方法

    PyCharm是一个用来写python代码的IDE,很好用.在其中建立了unittest类后,鼠标点击某个test方法后,菜单中会显示Run unittest方法. 问题描述 今天发现一个问题,在pycharm上鼠标右键不显示Run unittest方法.而相同的IDE上另外一个项目可以显示.这真是奇怪了(+﹏+)~ 问题原因 后来才知道这个项目是由CLion建立出来的,然后上传到Git上.PyCharm和CLion是同一家公司,推测其项目的配置文件不兼容.PyCharm还居然可以导入CLion

  • Qt图形图像开发之曲线图表模块QChart库坐标轴和数据不对应、密集的散点图无法显示问题解决方法

    QChart坐标轴和数据不对应问题描述: lineseries->append(4, 10); lineseries->append(5, 8); Chart->addSeries(lineseries); // 将 series 添加至图表中 axisX->setRange(0, 15);//设置X的显示范围 axisY->setRange(-20, 20); lineChart->setAxisX(axisX);//把轴添加到图表中 lineChart->se

  • Vue实现鼠标经过文字显示悬浮框效果的示例代码

    需求 在所做的Vue项目中,需要在鼠标移动文字框的时候显示一些详细信息.最终实现的效果如下: 鼠标经过button的时候,可以在光标附近显示出一个悬浮框,显示框里面显示时间和值的信息,鼠标移出button元素的时候,这个显示框会消失. 分析 涉及到鼠标的移动事件. 鼠标事件有下面这几种: 1.onclick(鼠标点击事件) box.onclick = function(e){ console.log(e) } 2.onmousedown(鼠标按下事件) box.onmousedown = fun

  • vue在table表中悬浮显示数据及右键菜单

    本文实例为大家分享了vue在table表中悬浮显示数据及右键菜单的具体代码,供大家参考,具体内容如下 悬浮显示 这个文档里是存在的,但很容易被忽略,先看看效果图 鼠标放在哪行,就会弹出相对应的描述. 直接看代码 //列名及属性名 <el-table-column prop="member"  label="构件名称"> //从json数据调取     <template slot-scope="scope">     //

随机推荐