欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-04 07:50:22
本文实例为大家分享了c#实现图表中鼠标移动并显示数据的具体代码,供大家参考,具体内容如下效果图:1.首先在页面上添加一个label控件并 默认隐藏:2.给该图表添加mousemove鼠标移动事件://...

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

效果图:

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

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

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

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

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

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

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

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