溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Qt圖形圖像開發(fā)曲線圖表模塊QChart庫縮放/平移詳細(xì)方法與實(shí)例

發(fā)布時(shí)間：2020-09-07 08:15:27 來源：腳本之家 閱讀：954 作者：qq_610642 欄目：編程語言

1、使用QChartView來縮放

（1）用鼠標(biāo)框選一個(gè)矩形，把圖放大到這個(gè)矩形

QChartView::setRubberBand(QChartView::RectangleRubberBand);//XY方向同時(shí)放大到鼠標(biāo)畫出的矩形大?。ㄒ部梢栽O(shè)置為只放大X軸或Y軸）

（2）setRubberBand函數(shù)同時(shí)也能使鼠標(biāo)右鍵，具備縮小圖的功能。

2、使用Qchart來平移和縮放

QChart::scroll(-10, 5);//整體平移(-10, 5)，兩個(gè)參數(shù)分別為Δx和Δy

QChart::zoomIn(x,y,width,height);//縮放到指定的矩形

QChart::zoom(0.9)  //整體縮放，參數(shù)為放縮系數(shù)，<1代表縮小，>1代表放大

QChart::zoomReset()  //把所有做過的zoomIn、zoomOut、zoom全部撤銷

3、使用QValueAxis或者QDateTimeAxis來平移和縮放

原理就是，通過設(shè)置X/Y軸的范圍來實(shí)現(xiàn)平移和縮放。

例如，當(dāng)前顯示X的顯示范圍為[20, 50]，如果我們把X軸的顯示范圍擴(kuò)大到[0, 80]，這樣做的效果就是顯示的圖形變小了，也就實(shí)現(xiàn)了縮放。

例如，當(dāng)前顯示X的顯示范圍為[0, 30]，如果我們把X軸的顯示范圍擴(kuò)大到[10, 40]，這樣做的效果就是顯示的圖形左移了，也就實(shí)現(xiàn)了平移。

示例代碼：

QValueAxis *axisX = dynamic_cast<QValueAxis*>(Chart->axisX(pLineSeries));//

qreal cur_x_min = axisX->min();

qreal cur_x_max = axisX->max();

axisX->setRange(cur_x_min + 20, cur_x_max + 20);//圖形向左平移20（為什么+代表左移？仔細(xì)想想就明白了）

放縮與平移的示例代碼同理

Qt曲線圖表模塊QChart庫縮放、平移實(shí)例

運(yùn)行效果如下：

Qt圖形圖像開發(fā)曲線圖表模塊QChart庫縮放/平移詳細(xì)方法與實(shí)例

.h文件代碼

#ifndef QTCHARTDEMOZOOM_H_38020FA5_FC74_4395_A807_61BF924D2F06
#define QTCHARTDEMOZOOM_H_38020FA5_FC74_4395_A807_61BF924D2F06
#include <QtCharts/QChartView>
using namespace QtCharts;
class QtChartDemoZoom : public QChartView
{
 Q_OBJECT
public:
 QtChartDemoZoom(QWidget* pParent = nullptr);
 ~QtChartDemoZoom();
protected:
 virtual void mouseMoveEvent(QMouseEvent *pEvent) override;
 virtual void mousePressEvent(QMouseEvent *pEvent) override;
 virtual void mouseReleaseEvent(QMouseEvent *pEvent) override;
 virtual void wheelEvent(QWheelEvent *pEvent) override;
private:
 bool m_bMiddleButtonPressed;
 QPoint m_oPrePos;
};
#endif //QTCHARTDEMOZOOM_H_38020FA5_FC74_4395_A807_61BF924D2F06

.cpp文件代碼

#include <QLineSeries>
QtChartDemoZoom::QtChartDemoZoom(QWidget* pParent /*= nullptr*/)
 : QChartView(pParent)
 , m_bMiddleButtonPressed(false)
 , m_oPrePos(0, 0)
{
 QLineSeries *pLineServies = new QLineSeries();
 for (int i = 0; i < 100; ++i)
 {
 pLineServies->append(i, qrand() % 10);
 }
 this->chart()->addSeries(pLineServies);
 this->chart()->createDefaultAxes();
}
 QtChartDemoZoom::~QtChartDemoZoom()
{
}
void QtChartDemoZoom::mouseMoveEvent(QMouseEvent *pEvent)
{
 if (m_bMiddleButtonPressed)
 {
 QPoint oDeltaPos = pEvent->pos() - m_oPrePos;
 this->chart()->scroll(-oDeltaPos.x(), oDeltaPos.y());
 m_oPrePos = pEvent->pos();
 }
 __super::mouseMoveEvent(pEvent);
}
void QtChartDemoZoom::mousePressEvent(QMouseEvent *pEvent)
{
 if (pEvent->button() == Qt::MiddleButton)
 {
 m_bMiddleButtonPressed = true;
 m_oPrePos = pEvent->pos();
 this->setCursor(Qt::OpenHandCursor);
 }
 __super::mousePressEvent(pEvent);
}
void QtChartDemoZoom::mouseReleaseEvent(QMouseEvent *pEvent)
{
 if (pEvent->button() == Qt::MiddleButton)
 {
 m_bMiddleButtonPressed = false;
 this->setCursor(Qt::ArrowCursor);
 }
 __super::mouseReleaseEvent(pEvent);
}
void QtChartDemoZoom::wheelEvent(QWheelEvent *pEvent)
{
 qreal rVal = std::pow(0.999, pEvent->delta()); // 設(shè)置比例
 // 1. 讀取視圖基本信息
 QRectF oPlotAreaRect = this->chart()->plotArea();
 QPointF oCenterPoint = oPlotAreaRect.center();
 // 2. 水平調(diào)整
 oPlotAreaRect.setWidth(oPlotAreaRect.width() * rVal);
 // 3. 豎直調(diào)整
 oPlotAreaRect.setHeight(oPlotAreaRect.height() * rVal);
 // 4.1 計(jì)算視點(diǎn)，視點(diǎn)不變，圍繞中心縮放
 //QPointF oNewCenterPoint(oCenterPoint);
 // 4.2 計(jì)算視點(diǎn)，讓鼠標(biāo)點(diǎn)擊的位置移動(dòng)到窗口中心
 //QPointF oNewCenterPoint(pEvent->pos());
 // 4.3 計(jì)算視點(diǎn)，讓鼠標(biāo)點(diǎn)擊的位置盡量保持不動(dòng)(等比換算，存在一點(diǎn)誤差)
 QPointF oNewCenterPoint(2 * oCenterPoint - pEvent->pos() - (oCenterPoint - pEvent->pos()) / rVal);
 // 5. 設(shè)置視點(diǎn)
 oPlotAreaRect.moveCenter(oNewCenterPoint);
 // 6. 提交縮放調(diào)整
 this->chart()->zoomIn(oPlotAreaRect);
 __super::wheelEvent(pEvent);
}

本文講解了Qt曲線圖表模塊QChart庫縮放/平移詳細(xì)方法與實(shí)例，更多關(guān)于Qt曲線圖表模塊QChart庫的知識(shí)請(qǐng)查看下面的相關(guān)鏈接

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手