關於Qwt繪製動態折線的嘗試

設備：Mac  Qt版本：5.12.9

一、首先創建一個帶界面的Qt工程， 而後在工程文件中加入如下一行（括號裏換成本身的qwt路徑）：

include(/Users/xjk/Downloads/qwt-6.1.5/qwt.prf)

 

二、右擊項目，AddNew，添加C++類，基類選QWidgt，而後繼承自QwtPlot類，方便之後使用。

頭文件代碼以下：

#ifndef MYPLOT_H
#define MYPLOT_H

#include <QWidget>
#include <QVector>
#include <QPointF>
#include <qwt_plot.h>
#include <qwt_plot_canvas.h>
#include <qwt_plot_curve.h>
#include <qwt_plot_grid.h>
#include <qwt_plot_zoomer.h>

class MyPlot : public QwtPlot
{
    Q_OBJECT
public:
    explicit MyPlot(QWidget *parent = nullptr);
    ~MyPlot();
public slots:
    void slotDrawLine(QVector<double>);
private:
    QVector<double> xData;
    QwtPlotCurve *curve1;
    void clear();
};
#endif // MYPLOT_H

源碼以下：

#include "myplot.h"

MyPlot::MyPlot(QWidget *parent) :
    QwtPlot(parent)
{
    //初始化橫座標
    xData.clear();
    for (int i=0;i<100;++i) {
        xData.push_back(i);
    }
    setAutoFillBackground( true );
    //設置座標軸
    setAxisTitle( xBottom, "x -->" );
    setAxisScale( xBottom, 0.0, 100.0,10 );
    setAxisTitle( yLeft, "y -->" );
    setAxisScale( yLeft, 0.0,100.0,10);
    //添加網格
    QwtPlotGrid *grid = new QwtPlotGrid;
    grid->setPen(QPen(Qt::gray, 0, Qt::DotLine));
    grid->attach(this);
    curve1=new QwtPlotCurve();
    //設置曲線的顏色和粗細
    curve1->setPen(QColor(255,0,0),2);

}
MyPlot::~MyPlot()
{
    delete curve1;
}
void MyPlot::slotDrawLine(QVector<double> Ydata)
{
    clear();
    curve1->setSamples(xData,Ydata);
    curve1->attach(this);
    this->replot();
}
void MyPlot::clear()
{
    curve1->detach();//刪除曲線
    this->replot();
}

三、爲了模擬動態曲線，我在主界面創建一個存放縱座標數據的Vector，而後用定時器每次觸發往裏面存一個隨機數，當容器大小==101時，就把第一個數pop出去。

　　每次修改縱座標容器的數據時，就發送一個繪圖信號，該信號鏈接了MyPlot類裏實現的那個槽函數。主界面的代碼很是簡單。

　　頭文件：

　　

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QTimer>
#include <QVector>
#include "myplot.h"

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
signals:
    void sendData(QVector<double> data);
private slots:
    void on_pushButton_clicked();//UI界面放了個QPushButton，點擊轉到槽後自動生成的槽函數
    void slotAddData();//鏈接定時器，用於動態改變縱座標容器

private:
    Ui::MainWindow *ui;
    QVector<double> data;//縱座標容器
    QTimer *changeDataTimer;
    MyPlot *plot;        //本身寫的畫圖類
};
#endif // MAINWINDOW_H

源碼以下：

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    plot=new MyPlot(this);
    plot->setTitle("測試");
    plot->move(0,0);
    plot->setFixedSize(this->width(),0.5*this->height());
    changeDataTimer=new QTimer(this);
    connect(changeDataTimer,&QTimer::timeout,
            this,&MainWindow::slotAddData);
    connect(this,&MainWindow::sendData,
            plot,&MyPlot::slotDrawLine);

}

MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::slotAddData()
{
    data.push_back(rand()%101);
    if(data.size()==101)
    {
        data.pop_front();
    }
    emit sendData(data);
}

void MainWindow::on_pushButton_clicked()
{
    changeDataTimer->start(100);
}

最後實現的樣子：