上次做過一個動態折線圖，但比較僵硬，用的是靜態然后修改成動態，這篇博文是動態的，不僵硬。

運行截圖如下：

同樣要把ui里面的QWidget提升為QChartView

下面是源碼：

widget.h

#ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QChart> #include <QChartView> #include "chart.h"QT_CHARTS_USE_NAMESPACEnamespace Ui { class Widget; }class Widget : public QWidget {Q_OBJECTpublic:explicit Widget(QWidget *parent = 0);~Widget();public slots:void btnClicked();private:Ui::Widget *ui;Chart *m_chart; };#endif // WIDGET_H

widget.cpp

#include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget) {ui->setupUi(this);this->setWindowTitle("CSDN IT1995");connect(ui->pushButton,SIGNAL(clicked(bool)),this,SLOT(btnClicked())); }void Widget::btnClicked(){m_chart=new Chart;m_chart->setTitle("動態圖");m_chart->legend()->hide();m_chart->setAnimationOptions(QChart::AllAnimations);ui->widget->setChart(m_chart); }Widget::~Widget() {delete ui; }

chart.h

#ifndef CHART_H #define CHART_H#include <QtCharts/QChart> #include <QtCore> #include <QObject>QT_CHARTS_BEGIN_NAMESPACE class QSplineSeries; class QValueAxis; QT_CHARTS_END_NAMESPACEQT_CHARTS_USE_NAMESPACEclass Chart:public QChart {Q_OBJECT public:Chart(QGraphicsItem *parent=0);~Chart();public slots:void handleTimeout();private:QTimer m_timer;QSplineSeries *m_series;QStringList m_titles;QValueAxis *m_axis;qreal m_step;qreal m_x;qreal m_y; };#endif // CHART_H

chart.cpp

#include "chart.h" #include <QtCharts>Chart::Chart(QGraphicsItem *parent):QChart(QChart::ChartTypeCartesian,parent,0),m_series(0),m_axis(new QValueAxis),m_step(0),m_x(5),m_y(1) {qsrand((uint)QTime::currentTime().msec());connect(&m_timer,SIGNAL(timeout()),this,SLOT(handleTimeout()));m_timer.setInterval(500);m_series=new QSplineSeries(this);QPen green(Qt::green);green.setWidth(5);m_series->setPen(green);m_series->append(m_x,m_y);addSeries(m_series);createDefaultAxes();setAxisX(m_axis,m_series);m_axis->setTickCount(5);axisX()->setRange(0,10);axisY()->setRange(-8,115);m_timer.start();}Chart::~Chart(){}void Chart::handleTimeout(){qreal x=plotArea().width()/m_axis->tickCount();qreal y=(m_axis->max()-m_axis->min())/m_axis->tickCount();m_x+=y;m_y=qrand()%106-5;m_series->append(m_x,m_y);scroll(x,0);if(m_x==1000)m_timer.stop(); }

main.cpp

總結

以上是生活随笔為你收集整理的Qt工作笔记-动态曲线图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。