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

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);//箭头不可见

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

}

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

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();//刷新图像
}