QtCharts_动态图QSplineSeries显示实时动态曲线

1




2




3




4




5




6




7




8




9




10




11




12




13




14




15




16




17




18




19




20




21




22




23




24




25




26




27




28




29




30




31




32




33




34




35




36




37




38




39




40




41




42

#ifndef REALTIMECURVEQCHARTWIDGET_H




#define REALTIMECURVEQCHARTWIDGET_H






#include




#include






#include




#include




#include




#include






using
namespace QtCharts;






class RealTimeCurveQChartWidget :
public QWidget {




Q_OBJECT






public:




explicit RealTimeCurveQChartWidget(QWidget *parent = 0);




~RealTimeCurveQChartWidget();






protected:




void timerEvent(QTimerEvent *event) Q_DECL_OVERRIDE;






private:




/**




* 接收到数据源发送来的数据，数据源可以下位机，采集卡，传感器等。




*/




void dataReceived(int value);






int timerId;




int maxSize;
// data 最多存储 maxSize 个元素




int maxX;




int maxY;




QList<
double> data;
// 存储业务数据的 list






QChart *chart;




QChartView *chartView;




QSplineSeries *splineSeries;




QScatterSeries *scatterSeries;




};






#endif // REALTIMECURVEQCHARTWIDGET_H

1




2




3




4




5




6




7




8




9




10




11




12




13




14




15




16




17




18




19




20




21




22




23




24




25




26




27




28




29




30




31




32




33




34




35




36




37




38




39




40




41




42




43




44




45




46




47




48




49




50




51




52




53




54




55




56




57




58




59




60




61




62




63




64




65




66

#include "RealTimeCurveQChartWidget.h"




#include




#include






RealTimeCurveQChartWidget::RealTimeCurveQChartWidget(QWidget *parent) : QWidget(parent) {




maxSize =
31;
// 只存储最新的 31 个数据




maxX =
300;




maxY =
100;






splineSeries =
new QSplineSeries();




scatterSeries =
new QScatterSeries();




scatterSeries->setMarkerSize(
8);






chart =
new QChart();




chart->addSeries(splineSeries);




chart->addSeries(scatterSeries);




chart->legend()->hide();




chart->setTitle(
"实时动态曲线");




chart->createDefaultAxes();




chart->axisX()->setRange(
0,
300);




chart->axisY()->setRange(
0, maxY);






chartView =
new QChartView(chart);




chartView->setRenderHint(QPainter::Antialiasing);






QHBoxLayout *layout =
new QHBoxLayout();




layout->setContentsMargins(
0,
0,
0,
0);




layout->addWidget(chartView);




setLayout(layout);






timerId = startTimer(
200);




qsrand(QDateTime::currentDateTime().toTime_t());




}






RealTimeCurveQChartWidget::~RealTimeCurveQChartWidget() {




}






void RealTimeCurveQChartWidget::timerEvent(QTimerEvent *event) {




// 产生一个数据，模拟不停的接收到新数据




if (event->timerId() == timerId) {




int newData = qrand() % (maxY +
1);




dataReceived(newData);




}




}






void RealTimeCurveQChartWidget::dataReceived(
int value) {




data <





// 数据个数超过了最大数量，则删除最先接收到的数据，实现曲线向前移动




while (data.size() > maxSize) {




data.removeFirst();




}






// 界面被隐藏后就没有必要绘制数据的曲线了




if (isVisible()) {




splineSeries->clear();




scatterSeries->clear();




int dx = maxX / (maxSize
-1);




int less = maxSize - data.size();






for (
int i =
0; i



splineSeries->append(less*dx+i*dx, data.at(i));




scatterSeries->append(less*dx+i*dx, data.at(i));




}




}




}

1




2




3




4




5




6




7




8




9




10




11




12

#include "RealTimeCurveQChartWidget.h"




#include






int main(int argc, char *argv[]) {




QApplication a(argc, argv);






RealTimeCurveQChartWidget w;




w.resize(
700,
400);




w.show();






return a.exec();




}