news 2026/4/16 15:01:31

【ScottPlot5.1.x图表应用】ScottPlot5.1.x 最新版 5.1.57+实现鼠标悬停提示ToolTip数据点数据(X,Y对应的数据点)核心代码

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【ScottPlot5.1.x图表应用】ScottPlot5.1.x 最新版 5.1.57+实现鼠标悬停提示ToolTip数据点数据(X,Y对应的数据点)核心代码

一、ScottPlot 5.1.x 学习案例(含核心代码)

本文实现图表上鼠标悬停,ToopTip提示坐标值,效果如下(亲测)



1.1 图表上显示十字线

定义:private Crosshair Crosshair;
结合FormsPlot_MouseMove、FormsPlot_MouseEnter、FormsPlot_MouseLeave

Crosshair=this.formsPlot.Plot.Add.Crosshair(0.0,0.0);//十字光标线Crosshair.LineWidth=2;Crosshair.MarkerShape=MarkerShape.OpenCircle;Crosshair.MarkerSize=10;Crosshair.LineColor=Colors.Red;Crosshair.TextColor=Colors.White;

控制十字线,进入时显示,离开时隐藏

Crosshair.VerticalLine.IsVisible=true;//显示Crosshair.HorizontalLine.IsVisible=true;

FormsPlot_MouseMove中获取坐标方法:

// 查找最近的数据点(使用像素坐标),需要定义FindNearestPointCoordinates?nearestPoint=FindNearestPoint(e.X,e.Y,searchRadiusPixels:10);if(nearestPoint.HasValue){Crosshair.Position=nearestPoint.Value;Crosshair.IsVisible=true;//如果显示提示就在这定义//string timeStr =DateTime.FromOADate(nearestPoint.Value.X).ToString("HH:mm:ss");//string priceStr=nearestPoint.Value.Y.ToString("F3")//string tipText = $"时间: {timeStr}\n价格: {priceStr} 元";//toolTip.Show(tipText, formsPlot, e.Location + new Size(10, -30));}else{Crosshair.IsVisible=false;}

1.2 查找坐标最近的数据点


实现曲线颜色与主题颜色一致(AntdUI)
scatterPlot.Color = ScottPlot.Color.FromHex(AntdUI.Style.Db.Primary.ToHex());

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/16 14:27:06

Flutter-OH SMS Autofill 插件完整使用教程

Flutter-OH SMS Autofill 插件完整使用教程 一、插件介绍 一直以来,大家在Flutter开发鸿蒙应用的过程中,其中一个热点就是三方库的使用, 今天我们来看一下如何在鸿蒙平台上使用sms_autofill sms_autofill 是一个强大的 Flutter 插件&…

作者头像 李华
网站建设 2026/4/16 10:58:58

基于单片机的智能衣柜设计与实现

一、设计背景与目标 传统衣柜存在衣物防潮防虫不足、取用不便、空间利用率低等问题,尤其在潮湿地区易导致衣物霉变,换季衣物整理耗时费力。基于单片机的智能衣柜,旨在通过环境调控与自动化技术,解决传统衣柜的功能性缺陷&#xff…

作者头像 李华
网站建设 2026/4/16 9:22:04

基于单片机的智能火灾报警系统设计

一、设计背景与核心需求 传统火灾报警系统多依赖单一烟雾传感器,存在误报率高、响应滞后、无法精确定位等问题,难以满足现代建筑对消防安全的高要求。基于单片机的智能火灾报警系统,融合多参数监测、智能判断与联动控制技术,可实现…

作者头像 李华
网站建设 2026/4/16 14:38:17

python基于pandas的电影视频分析系统设计与实现_i55j88lt

文章目录具体实现截图主要技术与实现手段关于我本系统开发思路java类核心代码部分展示结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!具体实现截图 同行可拿货,招校园代理 pyt哄pandas_ij88lt 的电影视频分析系统设计与实现基…

作者头像 李华
网站建设 2026/4/16 9:23:29

AI自动剪辑:打造完美预告片

一、 核心概念与技术基础视频素材预处理文件解析与解码: 使用库(如FFmpeg, OpenCV)读取原始视频文件。镜头边界检测: 算法识别场景切换点(如基于帧间差异、色彩直方图变化)。关键帧提取&#xf…

作者头像 李华
网站建设 2026/4/16 14:51:14

【dz-1005】基于单片机的压力锅设计

摘要 在现代家庭生活中,压力锅作为高效便捷的烹饪工具,其安全性与智能化水平备受关注。传统压力锅多依赖手动操作,存在温度和压力控制精度不足、模式单一、缺乏实时监测与远程控制等问题,难以满足用户对精准烹饪和便捷操作的需求…

作者头像 李华