Qt圖形圖像開發(fā)之高性能曲線圖模塊QCustomplot庫詳細(xì)使用方法與實例(支持動、靜曲線圖)
Qt曲線圖模塊QCustomPlot庫介紹
QCustomPlot是一個小型的Qt畫圖標(biāo)類,支持繪制靜態(tài)曲線、動態(tài)曲線、多重坐標(biāo)曲線,柱狀圖,蠟燭圖等
前段時間用QChart模塊畫圖,一條曲線上面放8000條數(shù)據(jù)就會卡的不行必須要換個其他的控件,后來找到了曲線圖模塊QCustomplot庫
這個庫性能非常好,畫曲線圖折線圖柱狀圖動態(tài)靜態(tài),放大縮小,都很好用,10w條數(shù)據(jù)量無壓力秒畫出來一點也不卡
下載地址
https://www.qcustomplot.com/index.php/download
里面分為
QCustomPlot 2和QCustomPlot 1我用的2這兩個有一些函數(shù)的差異
下載解壓以后我們只需要qcustomplot.h和qcustomplot.cpp
注意
pro 文件里面 寫入 QT+= printsupport
動態(tài)效果
QCustomplot靜態(tài)曲線圖生成
//他繼承QWidget 所以構(gòu)造里面 放控件就會畫到控件上 QCustomPlot *pCustomPlot = new QCustomPlot(ui->label); //添加一條曲線 QCPGraph* pgraph = pCustomPlot->addGraph(); //給曲線準(zhǔn)備數(shù)據(jù) 設(shè)置數(shù)據(jù) QVector<double> x(80000); QVector<double> y(80000); for(int i = 0; i<x.size();i++) { x[i] = i; if(i%2==0) y[i] = 10; else y[i] = 20; } //設(shè)置數(shù)據(jù) pCustomPlot->graph(0)->setData(x,y); //設(shè)置Y軸范圍 pCustomPlot->yAxis->setRange(0,30); //x軸名字 pCustomPlot->xAxis->setLabel("X"); //Y軸名字 pCustomPlot->yAxis->setLabel("Y"); //設(shè)置大小 pCustomPlot->resize(ui->label->width(),ui->label->height()); //可以進(jìn)行鼠標(biāo)位置 放大縮小 拖拽 放大縮小坐標(biāo)系!?。」δ芊浅?qiáng)大 pCustomPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom); //重繪 每次改變完以后都要調(diào)用這個進(jìn)行重新繪制 pCustomPlot->replot();
運(yùn)行效果如下:
時間為坐標(biāo)軸的靜曲線圖
大致差不多 區(qū)別在于x軸改為時間
QCustomPlot* p2 = new QCustomPlot(ui->label_2); QVector<double> time; QVector<double> y; //模擬幾個時間 .toTime_t()是轉(zhuǎn)換為 時間戳 從1970年到現(xiàn)在的秒數(shù) time<<QDateTime::fromString("2019-01-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t(); time<<QDateTime::fromString("2019-01-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t(); time<<QDateTime::fromString("2019-02-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t(); time<<QDateTime::fromString("2019-02-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t(); time<<QDateTime::fromString("2019-03-27 13:08:23","yyyy-MM-dd hh:mm:ss").toTime_t(); y<<5<<15<<5<<15<<5; //增加一條線 p2->addGraph(); //設(shè)置Y軸范圍 p2->yAxis->setRange(0,20); //QCPAxisTickerDateTime 時間坐標(biāo)軸 必須要用 智能指針 QSharedPointer<QCPAxisTickerDateTime> timer(new QCPAxisTickerDateTime); //設(shè)置時間格式 timer->setDateTimeFormat("yyyy-MM-dd"); //設(shè)置時間軸 一共幾格 //timer->setTickCount(6); //設(shè)置label 旋轉(zhuǎn)30° 橫著顯示可能顯示不全 p2->xAxis->setTickLabelRotation(30); // timer->setTickStepStrategy(QCPAxisTicker::tssMeetTickCount); //設(shè)置坐標(biāo)軸 p2->xAxis->setTicker(timer); p2->xAxis->setRange(time.at(0),time.at(4)); p2->graph(0)->setData(time,y); p2->resize(ui->label_2->width(),ui->label_2->height()); p2->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
運(yùn)行效果如下:
QCustomplot動態(tài)曲線圖生成
下圖動態(tài)曲線是我用傳感器采集的,大家可以用一些隨機(jī)數(shù)據(jù)來測試
假設(shè)圖像只顯示10個點 第11個點將會把第一個點擠出去 就是一個vector 出棧入棧 里面一直保持10個數(shù)據(jù)
//QVector<double> sx_vec,xAxis_vec 存放數(shù)據(jù)的容器 //m_chartPoint_counter 計數(shù)器 一直增加 來一條數(shù)據(jù)增加一下 控制x軸前進(jìn) 實現(xiàn)動態(tài)效果 //這時容器里面還沒10個點 所有一直向里面存 if(m_chartPoint_counter < 10) { sx_vec.append(sx_); xAxis_vec.append(m_chartPoint_counter); //設(shè)置范圍正好 能顯示當(dāng)前點 sx_plot->xAxis->setRange(0,xAxis_vec.at(xAxis_vec.size()-1)); } else { //容器數(shù)據(jù)現(xiàn)在是正好10個 把第一個出棧 把第11個入棧 正好還是10個數(shù)據(jù) sx_vec.removeFirst(); xAxis_vec.removeFirst(); //入棧 xAxis_vec.append(m_chartPoint_counter); sx_vec.append(sx_); //設(shè)置范圍正好 能顯示當(dāng)前點 sx_plot->xAxis->setRange(xAxis_vec.at(0),xAxis_vec.at( xAxis_vec.size()-1)); } //設(shè)置Y軸坐標(biāo)系 自動縮放以正常顯示所有的數(shù)據(jù) sx_plot->yAxis->rescale(true); //設(shè)置數(shù)據(jù) sx_plot->graph()->setData(xAxis_vec,sx_vec); //重繪制 sx_plot->replot(); //這里必須要一直增加 如果增加到10就不增加 效果就是第10個點一直變化 不會出現(xiàn)動態(tài)效果 m_chartPoint_counter++;
圖像數(shù)據(jù)清空
//圖像數(shù)據(jù)清空 QCPGraph* thresholdY_line; thresholdY_line->data().data()->clear();
這里只是介紹一些基本的功能 ,一些強(qiáng)大的功能 在 下載的examples里有
本文主要講解了Qt圖形圖像開發(fā)之高性能曲線圖模塊QCustomplot庫詳細(xì)使用方法與實例,更多關(guān)于QT開發(fā)的知識請查看下面的相關(guān)鏈接
相關(guān)文章
C/C++實現(xiàn)7bit與8bit編碼互相轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了如何使用C/C++實現(xiàn)7bit與8bit編碼互相轉(zhuǎn)換功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10c++實現(xiàn)跳躍表(Skip List)的方法示例
跳表(skiplist)是一個非常優(yōu)秀的數(shù)據(jù)結(jié)構(gòu),實現(xiàn)簡單,插入、刪除、查找的復(fù)雜度均為O(logN),下面這篇文章主要介紹了c++實現(xiàn)跳躍表(Skip List)的相關(guān)資料,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09C語言連接并操作Sedna XML數(shù)據(jù)庫的方法
這篇文章主要介紹了C語言連接并操作Sedna XML數(shù)據(jù)庫的方法,實例分析了C語言操作XML文件的相關(guān)技巧,需要的朋友可以參考下2015-06-06Qt+QListWidget實現(xiàn)氣泡聊天界面(附源碼)
由于最近的項目需要,做了些相關(guān)IM的工作。所以聊天框也是必不可少的一部分。本文以QListWidget+QPainter繪制的Item做了一個Demo。該Demo只是做一個示例,感興趣的可以了解一下2022-12-12