QT篇之QChart绘制波形图操作(中)

接上篇 QT篇之QChart绘制波形图操作(上)

解决问题一：

图片来源：Qt 波形绘制相关

本人用的QT自带的QtChart组件，安装QT的时候如果没有勾选这一模块的话可以在QT安装目录下的MaintenanceTool.exe来更新一下，MaintenanceTool.exe使用时要配置Repositories，可以参考这篇博客：Qt5.10_msvc2017 | [Qt维护] 添加、删除和更新组件模块，但是这个工具有bug，如果安装的QT没有QtChart组件的话，卸载重装更省劲儿一些。

然后开始绘制曲线图：

步骤：①配置.pro （QT += charts）② using namespace QtCharts; ③创建QChart（绘图）和QChartView（显示）实例 ④为QChart绑定曲线/折线/散列点序列实例和坐标轴实例 ⑤调用序列的replace函数替换坐标点

可以看这篇博客的QChart Demo Qtchart教程

解决问题二：

曲线用QSplineSeries *splineSeries; //曲线序列

折线用QLineSeries *lineSeries; //折线图数据序列

其实垂线就是一条折线，两点相连成一条直线，所以绘制一条垂线就是添加横坐标相同而纵坐标不同的两个点

解决问题三：

利用项目数据填充曲线/折线序列，可以用

QVector<QPointF> *pointBuffer;           //存储坐标点序列
QQueue<double> *dynPointBuffer;          //存储坐标点序列，用于绘制动态波形

这两种方式，QVector类型替换效率最高，可以用于大数据图表的静态分析，同时可以用队列的方式来实现实时动态曲线（波形），只需合理设置定时器就可实现。

解决问题四：

图表的布局其实是用的QStackedWidget用来实现翻页，并在每个页面内添加QGridLayout的布局。

这里边有一个问题就是如何让QGridLayout布局自动适应父部件QStackedWidget的大小，这里可以将QStackedWidget的布局同样调整为QGridLayout，一般父部件未调整布局都会有一个红色的禁止标志。

解决问题五：

①利用信号和槽机制，当要调整数据时发出要调整的数据信号②槽函数接收到调整后的数据，然后先清除原有的折线数据序列，再将调整后的数据append到折线序列

解决问题六：

建议用部件注册事件的方式来实现，这种方式用起来比较灵活，当然可以根据项目需要重新实现父类的void mouseMoveEvent(QMouseEvent *event)等操作。

//chartView事件过滤封装
void ShowChart::charViewEventFilter(QEvent *event,QChart *tempChart)
{
    if(event->type()==QEvent::Wheel){
        QWheelEvent *wheelEvent = static_cast<QWheelEvent*>(event); //将event强制转换为发生的事件的类型
        if(wheelEvent->delta()>0)tempChart->zoom(1.2);
        else tempChart->zoom(10.0/11);
    }
    else if(event->type()==QEvent::MouseButtonPress){
        QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);
        if(mouseEvent->button() & Qt::RightButton)
            tempChart->zoomReset();
    }
    else if(event->type()==QEvent::KeyPress){
        QKeyEvent *keyEvent = static_cast<QKeyEvent*>(event);
        switch (keyEvent->key()) {
        case Qt::Key_Left:
            tempChart->scroll(-20, 0);
            break;
        case Qt::Key_Right:
            tempChart->scroll(30, 0);
            break;
        case Qt::Key_Up:
            tempChart->scroll(0, 30);
            break;
        case Qt::Key_Down:
            tempChart->scroll(0, -20);
            break;
        default:
            keyPressEvent(keyEvent);
            break;
        }
    }
}

下面是部分代码

//事件过滤
bool ShowChart::eventFilter(QObject *obj, QEvent *event)
{
    if(obj == &view[T1X]){
        charViewEventFilter(event,&chart[T1X]);
    }

解决问题七：

利用QSplineSeries的hovered信号

    connect(&splineSeries[0], &QSplineSeries::hovered, this, &ShowChart::slotPointHoverd);

槽函数：

void ShowChart::slotPointHoverd(const QPointF &point, bool state)
{
    if (state) {
        m_valueLabel->setText(QString::asprintf("%1.0f,%1.0f", point.x(),point.y()));
        QPoint curPos = mapFromGlobal(QCursor::pos());
        m_valueLabel->move(curPos.x() - m_valueLabel->width() / 2, curPos.y() - m_valueLabel->height() * 1.5);  
        m_valueLabel->show();
    }
    else {
        m_valueLabel->hide();
    }
}

这里边有一个问题就是可能Label在界面显示不完整或者不在界面的最顶层显示，可以用这种方式

m_valueLabel->raise();
m_valueLabel->setWindowFlag(Qt::WindowStaysOnTopHint);

将其在界面的最顶层显示

解决问题八：

定时器+队列

    connect(drawTimer, SIGNAL(timeout()), this, SLOT(drawDynSplineWave()));
    drawTimer->start(50);
    qDebug()<<"start timer";

void DynamicWave::drawDynSplineWave()
{
    double drawPoint = 0;

    if(readData->dynPointBuffer[T1X].size() != 0){
        drawPoint = readData->dynPointBuffer[T1X].dequeue()/40;          //将纵坐标原始数据缩小40倍        
        splineSeries[T1X].replace(counts,QPointF(counts,drawPoint));

        if(readData->dynPointBuffer[T1X].size() == 0){
            counts = 0;
            drawTimer->stop();
            qDebug()<<"T1 dequeue over";
        }
    }
    counts ++;
}

补充：

这里说一下replace的用法：

void QXYSeries::replace(qreal oldX, qreal oldY, qreal newX, qreal newY)
Replaces the point with the coordinates oldX and oldY with the point with the coordinates newX and newY. Does nothing if the old point does not exist.
See also pointReplaced().
void QXYSeries::replace(const QPointF &oldPoint, const QPointF &newPoint)
Replaces the point specified by oldPoint with the one specified by newPoint.
See also pointReplaced().
void QXYSeries::replace(int index, qreal newX, qreal newY)
Replaces the point at the position specified by index with the point that has the coordinates newX and newY.
See also pointReplaced().
void QXYSeries::replace(int index, const QPointF &newPoint)
Replaces the point at the position specified by index with the point specified by newPoint.
See also pointReplaced().
void QXYSeries::replace(QList<QPointF> points)
Replaces the current points with the points specified by points.
Note: This is much faster than replacing data points one by one, or first clearing all data, and then appending the new data. Emits QXYSeries::pointsReplaced() when the points have been replaced. However, note that using the overload that takes QVector<QPointF> as parameter is faster than using this overload.
See also pointsReplaced().
void QXYSeries::replace(QVector<QPointF> points)
Replaces the current points with the points specified by points.
Note: This is much faster than replacing data points one by one, or first clearing all data, and then appending the new data. Emits QXYSeries::pointsReplaced() when the points have been replaced.
See also pointsReplaced().

这是我在QT帮助文档上摘录的，可以看到入参为QVector(QPointF)类型的replace方法效率是最高的，比起逐一替换旧点坐标，该方法效率确实突出。另外注意用其他方式替换旧点的时候是一定要存在该旧点坐标，不然会发生索引越界错。