Qt图形图像开发曲线图表模块QChart库缩放/平移详细方法与实例

 更新时间:2020年03月11日 15:54:39   作者:qq_610642  
这篇文章主要介绍了Qt图形图像开发曲线图表模块QChart库缩放/平移详细方法与实例,需要的朋友可以参考下

1、使用QChartView来缩放

(1)用鼠标框选一个矩形,把图放大到这个矩形

QChartView::setRubberBand(QChartView::RectangleRubberBand);//XY方向同时放大到鼠标画出的矩形大小(也可以设置为只放大X轴或Y轴)

(2)setRubberBand函数同时也能使鼠标右键,具备缩小图的功能。

2、使用Qchart来平移和缩放

QChart::scroll(-10, 5);//整体平移(-10, 5),两个参数分别为Δx和Δy

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

QChart::zoom(0.9)  //整体缩放,参数为放缩系数,<1代表缩小,>1代表放大

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

3、使用QValueAxis或者QDateTimeAxis来平移和缩放

原理就是,通过设置X/Y轴的范围来实现平移和缩放。

例如,当前显示X的显示范围为[20, 50],如果我们把X轴的显示范围扩大到[0, 80],这样做的效果就是显示的图形变小了,也就实现了缩放。

例如,当前显示X的显示范围为[0, 30],如果我们把X轴的显示范围扩大到[10, 40],这样做的效果就是显示的图形左移了,也就实现了平移。

示例代码:

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(为什么+代表左移?仔细想想就明白了)

放缩与平移的示例代码同理

Qt曲线图表模块QChart库缩放、平移实例

运行效果如下:

.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()); // 设置比例
 // 1. 读取视图基本信息
 QRectF oPlotAreaRect = this->chart()->plotArea();
 QPointF oCenterPoint = oPlotAreaRect.center();
 // 2. 水平调整
 oPlotAreaRect.setWidth(oPlotAreaRect.width() * rVal);
 // 3. 竖直调整
 oPlotAreaRect.setHeight(oPlotAreaRect.height() * rVal);
 // 4.1 计算视点,视点不变,围绕中心缩放
 //QPointF oNewCenterPoint(oCenterPoint);
 // 4.2 计算视点,让鼠标点击的位置移动到窗口中心
 //QPointF oNewCenterPoint(pEvent->pos());
 // 4.3 计算视点,让鼠标点击的位置尽量保持不动(等比换算,存在一点误差)
 QPointF oNewCenterPoint(2 * oCenterPoint - pEvent->pos() - (oCenterPoint - pEvent->pos()) / rVal);
 // 5. 设置视点
 oPlotAreaRect.moveCenter(oNewCenterPoint);
 // 6. 提交缩放调整
 this->chart()->zoomIn(oPlotAreaRect);
 __super::wheelEvent(pEvent);
}

本文讲解了Qt曲线图表模块QChart库缩放/平移详细方法与实例,更多关于Qt曲线图表模块QChart库的知识请查看下面的相关链接

相关文章

  • C++实现LeetCode(207.课程清单)

    C++实现LeetCode(207.课程清单)

    这篇文章主要介绍了C++实现LeetCode(207.课程清单),本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • C语言中几种常量的认识和理解

    C语言中几种常量的认识和理解

    这篇文章主要为大家介绍了C语言常量的认识和理解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • C++基础算法基于哈希表的索引堆变形

    C++基础算法基于哈希表的索引堆变形

    这篇文章主要为大家介绍了C++基础算法,基于哈希表的索引堆变形示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步
    2021-10-10
  • 关于C语言 const 和 define 区别

    关于C语言 const 和 define 区别

    这篇文章主要介绍了关于C语言 const 和 define 区别 的相关资料,需要的朋友可以参考下面文章内容
    2021-09-09
  • 浅析C/C++中的可变参数与默认参数

    浅析C/C++中的可变参数与默认参数

    C支持可变参数的函数,这里的意思是C支持函数带有可变数量的参数,最常见的例子就是我们十分熟悉的printf()系列函数。我们还知道在函数调用时参数是自右向左压栈的
    2013-09-09
  • C++语法中的函数重载和默认参数

    C++语法中的函数重载和默认参数

    这篇文章主要介绍了C++语法中的函数重载和默认参数,本文从语法角度通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • C语言实现通用数据结构之通用链表

    C语言实现通用数据结构之通用链表

    这篇文章主要为大家详细介绍了c语言实现通用数据结构之通用链表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • C++单例类模板详解

    C++单例类模板详解

    这篇文章主要介绍了C++单例类模板,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 如何在C++中建立一个顺序表

    如何在C++中建立一个顺序表

    在使用顺序表之前,首先创建一个空的顺序表,也就是初始化顺序表。这里,在程序中只需设置顺序表的结点数量ListLen为0即可。这样,后面需要添加的数据元素将从顺序表的第一个位置存储
    2013-10-10
  • C语言数据结构之单向链表详解分析

    C语言数据结构之单向链表详解分析

    链表可以说是一种最为基础的数据结构了,而单向链表更是基础中的基础。链表是由一组元素以特定的顺序组合或链接在一起的,不同元素之间在逻辑上相邻,但是在物理上并不一定相邻。在维护一组数据集合时,就可以使用链表,这一点和数组很相似
    2021-11-11

最新评论