C++ Qt开发：Charts折线图绑定事件

Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍QCharts折线图的常用方法及灵活运用。

在上一篇文章中笔者介绍了关于QCharts绘图组件的详细使用方法及接口，本章将继续为绘图组件绑定事件，通常在未绑定事件的图形上所有的元素都是被禁用状态的，我们无法直接操作这些功能，通过绑定图形组件事件将可以实现对图形的各种操作模式，例如可以控制图形的大小，控制线条的显示与消除等。

首先，我们来实现动态显示与隐藏线条功能，还是使用之前的代码这里稍作改进增加一个十五分钟负载统计，接着我们在MainWindow主构造函数中通过markers()得到所有的标签，然后先调用disconnect()断开信号的连接，接着在使用connect()将当前上方三个按钮进行绑定，当按钮被点击则会触发on_LegendMarkerClicked()槽函数；

// 图例被点击后触发
foreach (QLegendMarker* marker, chart->legend()->markers())
{QObject::disconnect(marker, SIGNAL(clicked()), this, SLOT(on_LegendMarkerClicked()));QObject::connect(marker, SIGNAL(clicked()), this, SLOT(on_LegendMarkerClicked()));
}

接着，我们需要来实现on_LegendMarkerClicked()槽函数的功能，这里需要介绍一个类，QLegendMarker 类是 Qt Charts 模块中用于表示图例标记的基类。这个类有几个派生类，每个派生类代表一种类型的图例标记。

以下是一些常见的派生类：

  1. QLegendMarker::LegendMarkerTypeXY：
    • 代表 XY 数据系列的图例标记，通常用于折线图、散点图等。
  2. QLegendMarker::LegendMarkerTypeBar：
    • 代表柱状图数据系列的图例标记。
  3. QLegendMarker::LegendMarkerTypePieSlice：
    • 代表饼图数据系列的图例标记。
  4. QLegendMarker::LegendMarkerTypeArea：
    • 代表面积图数据系列的图例标记。

这些类型分别对应于不同种类的数据系列，因为不同类型的数据系列可能需要不同的图例标记。当你处理 QLegendMarker 的点击事件时，通过检查标记的类型，你可以判断点击的是哪一种类型的图例标记，并作出相应的处理，比如切换数据系列的可见性。

// 在槽函数中获取图例标记的类型
void MainWindow::on_LegendMarkerClicked()
{QLegendMarker* marker = qobject_cast<QLegendMarker*>(sender());// 获取图例标记的类型QLegendMarker::LegendMarkerType type = marker->type();// 根据标记的类型执行相应的操作switch (type){case QLegendMarker::LegendMarkerTypeXY:// 处理 XY 数据系列的图例标记break;case QLegendMarker::LegendMarkerTypeBar:// 处理柱状图数据系列的图例标记break;case QLegendMarker::LegendMarkerTypePieSlice:// 处理饼图数据系列的图例标记break;case QLegendMarker::LegendMarkerTypeArea:// 处理面积图数据系列的图例标记break;default:break;}
}

上述示例中，我们通过 QLegendMarker::type() 方法获取了图例标记的类型，并根据类型执行相应的操作。其中marker变量则是用户点击过的标签指针，这可以帮助你在处理图例标记点击事件时更灵活地根据标记的类型进行不同的逻辑处理。

为了实现点击后隐藏与显示特定线条，我们可以这样来实现，首先通过marker得到被点击案例的指针，通过marker->type()来检查类型是否为LegendMarkerTypeXY，如果是就通过根据数据可见性来设置透明度，也就是如果可见那就不可见，如果不可见就可见的逻辑。数据系列不可见，透明度 alpha 设置为 0.5，否则保持为 1.0。

// 槽函数：处理图例标记点击事件，显示或隐藏与之关联的数据系列
void MainWindow::on_LegendMarkerClicked()
{// 将发送者强制转换为 QLegendMarker 类型QLegendMarker* marker = qobject_cast<QLegendMarker*>(sender());// 检查标记的类型switch (marker->type()){case QLegendMarker::LegendMarkerTypeXY:{// 切换数据系列的可见性marker->series()->setVisible(!marker->series()->isVisible());// 设置标记可见marker->setVisible(true);// 根据数据系列的可见性设置标记的透明度qreal alpha = 1.0;if (!marker->series()->isVisible())alpha = 0.5;// 调整标记的标签刷颜色透明度QColor color;QBrush brush = marker->labelBrush();color = brush.color();color.setAlphaF(alpha);brush.setColor(color);marker->setLabelBrush(brush);// 调整标记的刷颜色透明度brush = marker->brush();color = brush.color();color.setAlphaF(alpha);brush.setColor(color);marker->setBrush(brush);// 调整标记的画笔颜色透明度QPen pen = marker->pen();color = pen.color();color.setAlphaF(alpha);pen.setColor(color);marker->setPen(pen);break;}default:break;}
}

总体而言，这段代码的作用是在图例标记被点击时，切换与之关联的数据系列的可见性，并通过调整标记的颜色透明度来反映数据系列的可见性状态。透明度的调整使得图例标记在图表中的可视效果更符合数据系列的可见性。如下图所示，我们只保留一个十五分钟负载，将前两个隐藏掉。

接着，我们继续增加一个折线图动态预览功能，通过使用该功能可以对特定区域进行选择放大缩小，读者可通过键盘案件进行缩放也可通过鼠标滚轮和左右键选中缩放，该功能在图形预览中也是最常见的。

为了实现该功能，需要先来了解三个常用键盘鼠标库，第一个是QMouseEvent该库主要用于实现对鼠标左键或右键的单击、释放等操作的监控，对鼠标滚轮的响应则通过QWheeEvent来监控，而键盘事件则通过QKeyEvent类来监控。

由于键盘鼠标事件很简单所以此处将不再重点介绍如何实现，在使用这些事件处理函数时，你只需要在你的类中进行重写（override）以提供特定的实现。以下是这些事件处理函数的简要说明：

  1. 鼠标按下事件 (mousePressEvent)：
    • 当鼠标按下时触发。在该函数中，你可以处理鼠标按下时的逻辑，如获取鼠标坐标、进行拖拽等。
  2. 鼠标释放事件 (mouseReleaseEvent)：
    • 当鼠标释放时触发。你可以在该函数中处理鼠标释放时的逻辑，如执行点击操作。
  3. 鼠标移动事件 (mouseMoveEvent)：
    • 当鼠标移动时触发。在该函数中，你可以处理鼠标移动时的逻辑，如实时更新鼠标位置、进行拖拽操作等。
  4. 鼠标滚轮事件 (wheelEvent)：
    • 当鼠标滚轮滚动时触发。你可以在该函数中处理鼠标滚轮事件，如放大缩小、滚动视图等。
  5. 键盘按下事件 (keyPressEvent)：
    • 当键盘按键被按下时触发。在该函数中，你可以处理键盘按下时的逻辑，如捕捉特定按键的按下。
  6. 键盘抬起事件 (keyReleaseEvent)：
    • 当键盘按键被抬起时触发。你可以在该函数中处理键盘抬起时的逻辑，如释放某个按键的状态。

在附件中笔者将代码整理成了Keyboard and mouse文件，读者可自行打开该文件编译运行观察键盘鼠标事件是如何被重写的。

要对一个QChart图表进行鼠标和按键操作，需要在QChartView组件里对鼠标和按键事件进行处理，这就需要自定义一个从QChartView继承的类，此处我们自定义一个QWChartView类，它从QChartView继承而来，对鼠标和按键事件进行处理QWChartView类的定义如下:

#ifndef QWCHARTVIEW_H
#define QWCHARTVIEW_H
#include <QMouseEvent>
#include <QWheelEvent>
#include <QKeyEvent>
#include <iostream>
#include <QtCharts>
#include <QChartView>QT_CHARTS_USE_NAMESPACEclass QWChartView : public QChartView
{Q_OBJECTprivate:QPoint  beginPoint;  // 选择矩形区的起点QPoint  endPoint;    // 选择矩形区的终点protected:// 鼠标左键按下void mousePressEvent(QMouseEvent *event);// 鼠标移动void mouseMoveEvent(QMouseEvent *event);// 鼠标释放左键void mouseReleaseEvent(QMouseEvent *event);// 鼠标滚轮事件void wheelEvent(QWheelEvent *event);// 按键事件void keyPressEvent(QKeyEvent *event);public:explicit QWChartView(QWidget *parent = 0);~QWChartView();signals:// 鼠标移动信号在mouseMoveEvent()事件中触发void mouseMovePoint(QPoint point);
};#endif // QWCHARTVIEW_H

如下所示的代码是一个自定义的 Qt 图表视图类 QWChartView，用于处理鼠标和键盘事件，实现了一些基本的交互功能。

以下是对这段代码的总结：

  1. 鼠标左键按下 (mousePressEvent)：
    • 记录鼠标左键按下时的起始点，用于后续矩形框缩放操作。
  2. 鼠标移动事件 (mouseMoveEvent)：
    • 发射鼠标移动信号，可以用于实时显示鼠标位置等。
  3. 鼠标左键释放 (mouseReleaseEvent)：
    • 获取矩形框的结束点，创建矩形框，并使用 zoomIn 方法在矩形框内进行缩放。
    • 如果是右键点击，使用 zoomReset 方法重置缩放。
  4. 鼠标滚轮事件 (wheelEvent)：
    • 根据滚轮滚动方向，调整 g_x 的值，然后使用 zoom 方法进行缩放。
  5. 按键控制 (keyPressEvent)：
    • 根据按下的键执行相应的操作，如放大、缩小、左移、右移、上移、下移等。
    • 特定按键的操作使用 zoom、scroll 或 zoomReset 方法。
  6. 构造函数 (QWChartView)：
    • 设置拖拽模式为 QGraphicsView::RubberBandDrag，启用鼠标追踪。
  7. 析构函数 (~QWChartView)：
    • 析构函数为空，未添加特定的析构逻辑。

总体而言，这段代码实现了一个基本的图表视图类，支持鼠标交互和键盘控制，提供了图表的缩放、移动等功能。这样的自定义视图类通常用于定制图表的交互行为，以满足特定的应用需求。

#include "qwchartview.h"
#include <QChartView>// 鼠标左键按下
void QWChartView::mousePressEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton){// 记录左键按下时的起始点beginPoint = event->pos();}// 调用基类的鼠标按下事件处理函数QChartView::mousePressEvent(event);
}// 鼠标移动事件
void QWChartView::mouseMoveEvent(QMouseEvent *event)
{// 获取当前鼠标的位置QPoint point = event->pos();// 发射鼠标移动信号emit mouseMovePoint(point);// 调用基类的鼠标移动事件处理函数QChartView::mouseMoveEvent(event);
}// 鼠标左键释放
void QWChartView::mouseReleaseEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton){// 获取矩形框的 endPointendPoint = event->pos();// 创建矩形框QRectF rectF;rectF.setTopLeft(this->beginPoint);rectF.setBottomRight(this->endPoint);// 在矩形框内进行缩放this->chart()->zoomIn(rectF);}else if (event->button() == Qt::RightButton){// 右键点击时，重置缩放this->chart()->zoomReset();}// 调用基类的鼠标释放事件处理函数QChartView::mouseReleaseEvent(event);
}// 鼠标滚轮事件
qint16 g_x = 0;
void QWChartView::wheelEvent(QWheelEvent *event)
{// 当滚轮向上滑if (event->delta() > 0){g_x = g_x + 1;this->chart()->zoom(g_x);}// 当滚轮向下滑else{g_x = g_x - 1;this->chart()->zoom(g_x);}
}// 按键控制
void QWChartView::keyPressEvent(QKeyEvent *event)
{switch (event->key()){case Qt::Key_Plus:// 按 "+" 键放大chart()->zoom(1.2);break;case Qt::Key_Minus:// 按 "-" 键缩小chart()->zoom(0.8);break;case Qt::Key_Left:// 按左箭头键左移chart()->scroll(10, 0);break;case Qt::Key_Right:// 按右箭头键右移chart()->scroll(-10, 0);break;case Qt::Key_Up:// 按上箭头键上移chart()->scroll(0, -10);break;case Qt::Key_Down:// 按下箭头键下移chart()->scroll(0, 10);break;case Qt::Key_PageUp:// 按 PageUp 键上移chart()->scroll(0, 50);break;case Qt::Key_PageDown:// 按 PageDown 键下移chart()->scroll(0, -50);break;case Qt::Key_Home:// 按 Home 键重置缩放chart()->zoomReset();break;default:// 其他键交给基类处理QGraphicsView::keyPressEvent(event);}
}// 设置拖拽模式和鼠标追踪
QWChartView::QWChartView(QWidget *parent) : QChartView(parent)
{this->setDragMode(QGraphicsView::RubberBandDrag);this->setMouseTracking(true);
}// 析构函数
QWChartView::~QWChartView()
{
}

运行上述代码，则可以通过点击顶部按钮实现显示隐层不同的折线图，通过左键拖拽的方式则可以选择一个矩形区域并对该区域进行放大与缩小操作，按下鼠标右键则调用zoomReset()将图形恢复到默认大小；

由于程序中绑定了keyPressEvent键盘监控事件，当按下键盘上下左右时则通过scroll()调整图形的位置，通过按下小键盘中的+-符号则通过scroll()放大与缩小图形，通过按下Home则恢复到默认大小；

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/298256.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ZLMediaKit中的RingBuffer

ZLMediaKit中的RingBuffer

前面的文章讲到ZLMediaKit转流&#xff0c;提到过RingBuffer&#xff0c;它是比较核心的数据结构。这篇文章就来讲讲RingBuffer的用法。 RingBuffer的类体系 RingBuffer是由多个类组成&#xff0c;分为两大功能&#xff1a;存储和数据分发。 存储功能由类RingStorage实现&…
阅读更多...
【笔试强化】Day 8

【笔试强化】Day 8

文章目录 一、单选1.2.3.4.5.6.7.8.9.10. 二、编程1. 求最小公倍数解法&#xff1a;代码&#xff1a; 2. 两种排序方法解法&#xff1a;代码&#xff1a; 一、单选 1. 正确答案&#xff1a;B2. 正确答案&#xff1a;A继承具有传递性 3. 正确答案&#xff1a;C数组不是原生类&…
阅读更多...
LaTex中参考文献引用

LaTex中参考文献引用

一、引用参考文献 这里我们使用的是BibTeX的引用格式&#xff0c;因此文件中应包括两个文件&#xff08;.bib-参考文献 和 .bst-文献格式&#xff09;。 有了这两个文件后&#xff0c;我们在bib文件中创建参考文献&#xff1a;&#xff08;注意&#xff0c;作者的名字是逗号前…
阅读更多...
4.2 媒资管理模块 - 项目搭建、minio文件系统

4.2 媒资管理模块 - 项目搭建、minio文件系统

文章目录 一、搭建媒资服务工程1.1 media-api 工程1.1.1 bootstrap.yaml1.1.2 Maven1.1.3 Nacos 1.2 media-service 工程1.2.1 bootstrap.yaml1.2.2 Maven1.2.3 Nacos1.2.4 分页插件 1.3 media-model 工程1.3.1 QueryMediaParamsDto1.3.2 MediaFiles1.3.3 MediaProcess1.3.4 Me…
阅读更多...
nodejs微信小程序＋python＋PHP汽车租赁管理网站-计算机毕业设计推荐

nodejs微信小程序＋python＋PHP汽车租赁管理网站-计算机毕业设计推荐

目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 nodejs简介 4 2.2 express框架介绍 6 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性&#xff1a;…
阅读更多...
springboot+vue项目如何在linux上部署

springboot+vue项目如何在linux上部署

在linux上部署项目&#xff0c;是我们实训项目作业的最后一步&#xff0c;此时我们的项目编码测试已经完成&#xff0c;接下来就需要在服务器上部署上线&#xff0c;那么如何部署上线&#xff0c;接下来我会在虚拟机上的CentOS7系统上实现部署&#xff0c; 一.下载JDK 因为我…
阅读更多...
搭建一个高效的Python开发环境

搭建一个高效的Python开发环境

“工欲善其事&#xff0c;必先利其器”&#xff0c;这里我们来搭建一套高效的 Python 开发环境&#xff0c;为后续的数据分析做准备。 关于高效作业&#xff0c;对于需要编写 Python 代码进行数据分析的工作而言&#xff0c;主要涉及两个方面。 1. 一款具备强大的自动完成和错…
阅读更多...
Unity-Shader-渲染队列，ZTest，ZWrite

Unity-Shader-渲染队列，ZTest，ZWrite

Unity-Shader-渲染队列&#xff0c;ZTest&#xff0c;ZWrite ZTest&#xff08;深度测试&#xff09;和ZWrite&#xff08;深度写入&#xff09;ZTest Less&#xff08;深度小于当前缓存则通过&#xff09;ZTest Greater&#xff08;深度大于当前缓存则通过&#xff09;ZTest L…
阅读更多...
Linux--Shell脚本应用实战

Linux--Shell脚本应用实战

实验环境 随着业务的不断发展&#xff0c;某公司所使用的Linux服务器也越来越多。在系统管理和维护过程中&#xff0c;经 常需要编写一些实用的小脚本&#xff0c;以辅助运维工作&#xff0c;提高工作效率。 需求描述 > 编写一个名为getarp.sh的小脚本&#xff0c;记录局域…
阅读更多...
宝塔面板Linux服务器CentOS 7数据库mysql5.6升级至5.7版本教程

宝塔面板Linux服务器CentOS 7数据库mysql5.6升级至5.7版本教程

近段时间很多会员问系统更新较慢&#xff0c;也打算上几个好的系统&#xff0c;但几个系统系统只支持MYSQL5.7版本&#xff0c;服务器一直使用较低的MYSQL5.6版本&#xff0c;为了测试几个最新的系统打算让5.6和5.7并存使用&#xff0c;参考了多个文档感觉这种并存问题会很多。…
阅读更多...
第十一节TypeScript Array（数组）

第十一节TypeScript Array（数组）

1、描述 数组对象是使用单独的变量名来存储一系列的值。 比如&#xff0c;你现在有一组数据&#xff0c;存单独变量如下&#xff1a; var data1"Android"; var data2"Java"; var data3"Harmony"; 那如果有10、100个这种变量呢&#xff0c;那…
阅读更多...
指法练习软件TT

指法练习软件TT

1、说明 这个是90年代后期读书时写的C语言练习软件&#xff0c;模仿当时的打字练习软件。 在技能上使用屏幕直接输出&#xff0c;支持彩色&#xff0c;能够在DOS和Windows98的窗口下运行。 2、主要界面 支持多用户档案&#xff0c;以键盘操作。 进入具体用户档案后&#xff0c…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023