QCustomPlot系列(5)-实时动态曲线[通俗易懂]

QCustomPlot系列(5)-实时动态曲线[通俗易懂]先来个动图看看效果:支持鼠标平移、滚轮缩放、框选放大、取消框选、一键全显、单击显示xy坐标值。。等平移功能是QCustomPlot自带的功能,参见我的该系列前面的博文。框选放大、全显等功能在另一篇博文中也讲到了。这里只讲2个知识点:1、显示鼠标指向的点坐标,2、实时滚动1、箭头指向要显示的坐标点,代码步骤:(1)添加新类,继承QCustomPlot添加private成员变…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

先来个动图看看效果:

支持鼠标平移、滚轮缩放、框选放大、取消框选、一键全显、单击显示xy坐标值。。等

QCustomPlot系列(5)-实时动态曲线[通俗易懂]

平移功能是QCustomPlot自带的功能,参见我的该系列前面的博文。框选放大、全显等功能在另一篇博文中也讲到了。

这里只讲2个知识点:1、显示鼠标指向的点坐标,2、实时滚动

1、箭头指向要显示的坐标点,代码步骤:

(1)添加新类,继承QCustomPlot
添加private成员变量:

QCPItemText *textLabel;//单击时提示信息框
QCPItemLine *arrow;//提示信息的箭头
在构造中初始化他俩:
    //下面这一段是从QCustomPlot官网抄来的
    /*显示数值的提示框*/
    textLabel = new QCPItemText(this);
    textLabel->setPositionAlignment(Qt::AlignTop|Qt::AlignHCenter);//方框置于上部中间
    textLabel->position->setType(QCPItemPosition::ptAxisRectRatio);
    textLabel->position->setCoords(0.5, 0); // place position at center/top of axis rect
    textLabel->setFont(QFont(font().family(), 16)); // 字体
    textLabel->setPen(QPen(Qt::black)); // 颜色

    //指向数值的箭头:
    arrow = new QCPItemLine(this);
    arrow->start->setParentAnchor(textLabel->bottom);//箭头起点位于提示框的下边框中点
    //arrow->end->setCoords(4, 1.6); // 设置箭头的终点
    arrow->setHead(QCPLineEnding::esSpikeArrow);//箭头类型
    textLabel->setVisible(false);//提示框不可见
    arrow->setVisible(false);//箭头不可见

(2)重写鼠标按下/弹起事件

void MultiCurvesPlot::mousePressEvent(QMouseEvent *event)
{
    //重写后,仍然要使父类的函数,否则自带的拖动功能等就失效了
    QCustomPlot::mousePressEvent(event);//父类的函数

    if(event->buttons() & Qt::LeftButton)//按下鼠标左键
    {
        textLabel->setVisible(true);//提示框可见
        arrow->setVisible(true);//箭头可见
        double x = xAxis->pixelToCoord(event->pos().x());//鼠标坐标转化为XY轴的坐标
        double y = yAxis->pixelToCoord(event->pos().y());
        arrow->end->setCoords(x, y); // 设置箭头的终点
        QString xTime = QDateTime::fromMSecsSinceEpoch(x * 1000.0).toString("hh:mm:ss.zzz");//把单击处的X值转换为时间String
        textLabel->setText(QString("x = %1\ny=%2").arg(xTime).arg(y));//显示XY值
    }
}
void MultiCurvesPlot::mouseReleaseEvent(QMouseEvent *event)
{
    QCustomPlot::mouseReleaseEvent(event);

    if(event->button() == Qt::LeftButton)//左键弹起
    {
        textLabel->setVisible(false);//隐藏数值方框和箭头
        arrow->setVisible(false);
    }

}

2、实时滚动的曲线
我们要做的就两点:1、向graph中添加新的点 this->graph(graphIdx)->addData(currentTime,  y);  2、实时修改X轴的显示范围

在我这个例子中,X轴是实时时间,所以,要想使曲线实时滚动,只要把X轴的显示范围实时修改为:从<当前时间-当前X轴的显示宽度>到<当前时间>即可, 这样曲线就会滚动起来。其中,当前X轴的显示宽度可以从xAxis->range().size()读取。

注意:如果我们接收到的数据点过于频繁,我们不应该每收到一个点都要刷新图像,那样程序效率太低,也没必要。一般设置每30ms刷新一次就足够流畅了,毕竟我们下载的普通电影也就30帧每秒。

因此,我们在一个30ms定时器的槽函数中来做:修改X轴的显示范围+刷新图像。

代码步骤如下:

(1)在构造函数中启动QWidget自带的定时器
 

startTimer(30, Qt::CoarseTimer);//每30ms触发一次timeEvent事件

(2)重写void timerEvent(QTimerEvent *event) Q_DECL_OVERRIDE;函数来响应这个定时器的超时事件:
 

void MultiCurvesPlot::timerEvent(QTimerEvent *event)
{
    Q_UNUSED(event);

    if(autoScroll)//如果启动了自动滚动功能
    {
        double curSeclf = (double)(QDateTime::currentMSecsSinceEpoch()) / 1000.0;//读取当前时间(因为QCustomPlot支持的时间值的ms值在小数位,所以/1000.0了)
        this->xAxis->setRange(curSeclf - xAxis->range().size(), curSeclf);//实时调整X轴的显示范围
    }
    this->replot();//刷新图像
}

代码就这些,非常简单。

群号在左边。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/181333.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • origin绘图软件安装包及入门使用

    origin绘图软件安装包及入门使用1、安装包(2018版)origin是大多被数科研人员选择的数据绘图软件,功能齐全,简单易用,百度云:链接:https://pan.baidu.com/s/1fQRtfwczwye8MfPDi6BmrQ提取码:y72a安装过程及破解方法比较简单自行搜索2、软件界面介绍打开软件如下图所示,1、book用来存放实验数据,如果有多个Y值可以点击工具栏中“列”来添加更多的列值。表格中的数据可以直接从excle中复制进来,简单易用。2、绘图:在book中加入数据后,选中数据选择左下…

  • spring boot的自动配置原理_springboot的工作原理

    spring boot的自动配置原理_springboot的工作原理深入Springboot启动流程+自动配置原理?写在前面?相关常见面试题Springboot启动入口@SpringBootConfiguration解读@ComponentScan解读@EnableAutoConfiguration解读(重点)@AutoConfigurationPackage解读@Import({AutoConfigurationImportSelector.class})解读(重点)?写在前面?自从SpringBoot问世以来,开发界可以说是乱了套。我还记得我朋友几年前去参加

  • 大神的算法学习之路

    大神的算法学习之路我的算法学习之路关于严格来说,本文题目应该是我的数据结构和算法学习之路,但这个写法实在太绕口——况且CS中的算法往往暗指数据结构和算法(例如算法导论指的实际上是数据结构和算法导论),所以我认为本文题目是合理的。原文链接:http://zh.lucida.me/blog/on-learning-algorithms/原文作者:Lucida这篇文章讲了什么?我这些年学习数据结构…

  • 苹果x充电慢是什么原因_手机资讯:为什么 iPhone 充电从 99% 到 100% 时特别慢是电池故障吗…

    如今使用IT数码设备的小伙伴们是越来越多了,那么IT数码设备当中是有很多知识的,这些知识很多小伙伴一般都是不知道的,就好比最近就有很多小伙伴们想要知道为什么iPhone充电从99%到100%时特别慢是电池故障吗,那么既然现在大家对于为什么iPhone充电从99%到100%时特别慢是电池故障吗都感兴趣,小编就来给大家分享下关于为什么iPhone充电从99%到100%…

  • latex的参考文献写法标准_endnote怎么修改参考文献编号格式

    latex的参考文献写法标准_endnote怎么修改参考文献编号格式LaTeX参考文献的排版与引用​ 在论文写作的过程中,为了体现论文的科学性、严谨性和规范性,我们常常需要引用大量的参考文献来引证自己的观点。参考文献(Reference)往往都是放在论文的最后,记录了所引用论文的标题、作者、期刊或会议、出版时间等信息,文中还需要明确有顺序的进行引用标注。​ 本篇将介绍LaTeX常用的参考文献排版与引用方式,所用到的宏包都要写在\documentclass命令之后和\begin{docuemnt}之前,在本文中,我们会用的宏包文件有:\usepackag

  • 网络受限—解决

    网络受限—解决

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号