C#实现图表中鼠标移动并显示数据
程序员文章站
2021-12-07 19:34:08
本文实例为大家分享了c#实现图表中鼠标移动并显示数据的具体代码,供大家参考,具体内容如下效果图:1.首先在页面上添加一个label控件并 默认隐藏:2.给该图表添加mousemove鼠标移动事件://...
本文实例为大家分享了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); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: ASP.Net Core MVC基础系列之环境设置
下一篇: C#绘制柱状图和折线图的方法