Qt开发技术：Q3D图表开发笔记（一）：Q3DScatter三维散点图介绍、Demo以及代码详解

已于 2024-06-03 21:46:37 修改
阅读量1.1w 收藏 54
点赞数 27
文章标签： qt 3d q3dscatter q3d散点图
于 2023-03-14 11:04:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq21497936/article/details/129520187
版权

若该文为原创文章，转载请注明原文出处
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/129520187

各位读者，知识无穷而人力有穷，要么改需求，要么找专业人士，要么自己研究

红胖子网络科技博文大全：开发技术集合（包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等）持续更新中…（点击传送门）

Qt开发专栏：开发技术（点击传送门）

上一篇：无
下一篇：《Qt开发技术：Q3D图表开发笔记（二）：Q3DBar三维柱状图介绍、Demo以及代码详解》


前言

  qt提供了q3d进行三维开发，虽然这个框架没有得到大量运用也不是那么成功，性能上也有很大的欠缺，但是普通的点到为止的应用展示还是可以的。
  其中就包括华丽绚烂的三维图表，数据量不大的时候是可以使用的。


Demo：Q3DScatter散点图演示效果

  在这里插入图片描述
   在这里插入图片描述
  在这里插入图片描述

下载地址：

  Demo v1.0.0运行包下载地址：https://download.csdn.net/download/qq21497936/87575673
  QQ群下载：请点击博客主头像，可进入博客首页，查看右侧，有QQ群联系方式，（点击“文件”搜索“q3d”，群内与博文同步更新）
  百度网盘下载地址：https://pan.baidu.com/s/1sM1xSY-VOpr7kZPyrWmclg?pwd=1234
  Demo源码下载地址：https://download.csdn.net/download/qq21497936/89394399


Q3D提供的三维图表

  依赖QtDataVisualization。在安装qt的时候要选择安装QtDataVisualization模块。

Q3DScatter散点图

  Q3D的散点图，性能大约支撑1000个点可以不卡顿，具体依赖pc，1000个点是什么 概念，可以理解为：10x10x10的区域，每个区域一个数据点。
  在这里插入图片描述

Q3DBars柱状图

  Q3D的柱状图，性能跟散点图类似。
  在这里插入图片描述

Q3DSurface平面凹凸图，平面纹理图

  Q3D的柱状图，性能跟散点图类似。
  在这里插入图片描述


Q3DScatter散点图

简介

  Q3DScatter类提供了渲染3D散点图的方法。能够在3D中渲染散点图，并通过自由旋转场景来查看散点图。
  旋转是通过按住鼠标右键并移动鼠标来完成的。缩放由鼠标滚轮完成。如果启用，则通过鼠标左键进行选择。通过单击鼠标滚轮，可以将场景重置为默认摄影机视图。在触摸设备中，旋转是通过点击和移动完成的，选择是通过点击并按住并缩放。
  如果没有设置轴，将创建没有标签的临时默认轴。这些默认轴可以通过轴访问器进行修改，但是一旦为方向明确设置了任何轴，该方向的默认轴就会被破坏。
  Q3DScatter支持同时显示多个系列。

构造最小Q3DS散点图

  首先，构建Q3DS散射器。由于在本例中我们将图形作为顶级窗口运行，因此需要清除Qt::FramelessWindowHint标志，该标志默认设置为：

Q3DScatter scatter;
scatter.setFlags(scatter.flags() ^ Qt::FramelessWindowHint);

  现在Q3DScatter已准备好接收要渲染的数据。添加一系列3个QVector3D项目：

QScatter3DSeries *series = new QScatter3DSeries;
QScatterDataArray data;
data << QVector3D(0.5f, 0.5f, 0.5f) << QVector3D(-0.3f, -0.5f, -0.4f) << QVector3D(0.0f, -0.3f, 0.2f);
series->dataProxy()->addItems(data);
scatter.addSeries(series);

  最后，将其设置为可见：

scatter.show();

  创建和显示此图形所需的完整代码是：

#include <QtDataVisualization>

using namespace QtDataVisualization;

int main(int argc, char **argv)
{
    QGuiApplication app(argc, argv);

    Q3DScatter scatter;
    scatter.setFlags(scatter.flags() ^ Qt::FramelessWindowHint);
    QScatter3DSeries *series = new QScatter3DSeries;
    QScatterDataArray data;
data << QVector3D(0.5f, 0.5f, 0.5f) 
            << QVector3D(-0.3f, -0.5f, -0.4f)
            << QVector3D(0.0f, -0.3f, 0.2f);
    series->dataProxy()->addItems(data);
    scatter.addSeries(series);
    scatter.show();

    return app.exec();
}

  运行效果：
  在这里插入图片描述
  场景可以被旋转、放大，并且可以选择一个项目来查看其位置，但在这个最小的代码示例中不包括其他交互。通过熟悉所提供的示例（如散点示例）来了解更多信息。


Q3Ddemo构建流程解析

步骤一：确认安装QtDataVisualization模块

  如何确认，则是在帮助文件中查看是否有Q3dscatter类。一般是安装了模块才会有对应的帮助文件。没有则重新安装qt或者单独安装该模块。
  在这里插入图片描述

步骤二：工程配置文件中加入模块

  Q3d是在数据可视化模块中，需要在pro或者pri配置文件中添加。

QT += datavisualization

  在这里插入图片描述

步骤三：添加使用到的头文件

  使用到Q3DScatter相关类中添加头文件，主要使用到Q3DScatter和QScatter3DSeries等等。

#include <Q3DScatter>
#include <Q3DTheme>
#include <QScatter3DSeries>
#include <QVector3D>

  在这里插入图片描述

步骤四：添加命名空间

  这时候还是无法使用对应的类，需要添加命名空间才行，查看最后“入坑一”：

using namespace QtDataVisualization;

  在这里插入图片描述

步骤五：Q3D的图标基础构建框架

  下面是包含注释的Q3DScatter基础构建流程，其他两种图类似：

_pQ3DScatter = new Q3DScatter();
_pContainer = QWidget::createWindowContainer(_pQ3DScatter, this);

// 设置轴文本
{
    _pQ3DScatter->axisX()->setTitle("X");
    _pQ3DScatter->axisY()->setTitle("Y");
    _pQ3DScatter->axisZ()->setTitle("Z");
}
// 设置轴范围
{
//        _pQ3DScatter->axisX()->setRange(0, 10);
//        _pQ3DScatter->axisY()->setRange(0, 10);
//        _pQ3DScatter->axisZ()->setRange(0, 10);
}

// 生成一个曲线
_pScatter3DSeries = new QScatter3DSeries(_pQ3DScatter);
// 设置渲染平滑
_pScatter3DSeries->setMeshSmooth(true);

// 视图添加该曲线
_pQ3DScatter->addSeries(_pScatter3DSeries);

// 设置阴影质量
_pQ3DScatter->setShadowQuality(QAbstract3DGraph::ShadowQualitySoftLow);
// 设置视角
_pQ3DScatter->scene()->activeCamera()->setCameraPreset(Q3DCamera::CameraPresetIsometricLeft);
// 设置子网格
_pQ3DScatter->activeTheme()->setGridEnabled(true);

#if 1
// 添加模拟数据
QScatterDataArray data;
data << QVector3D(1, 1,1) << QVector3D(1, 1, 2) << QVector3D(1, 1, 3)
     << QVector3D(1, 2,1) << QVector3D(1, 2, 2) << QVector3D(1, 2, 3)
     << QVector3D(1, 3,1) << QVector3D(1, 3, 2) << QVector3D(1, 3, 3);
// 添加数据(自动冲掉之前的数据)
_pScatter3DSeries->dataProxy()->addItems(data);
#endif

#if 1
// 模拟
QList<QVector3D> listVector3D;
#if 0
listVector3D <<  QVector3D(5, 1,1) << QVector3D(5, 1, 2) << QVector3D(5, 1, 3)
             << QVector3D(5, 2,1) << QVector3D(5, 2, 2) << QVector3D(5, 2, 3)
             << QVector3D(5, 3,1) << QVector3D(5, 3, 2) << QVector3D(5, 3, 3);
#else
listVector3D << QVector3D(1, 1,1) << QVector3D(1, 1, 2) << QVector3D(1, 1, 3)
             << QVector3D(1, 2,1) << QVector3D(1, 2, 2) << QVector3D(1, 2, 3)
             << QVector3D(1, 3,1) << QVector3D(1, 3, 2) << QVector3D(1, 3, 3);
#endif

Demo源码

Q3dScatterWidget.h

#ifndef Q3DSCATTERWIDGET_H
#define Q3DSCATTERWIDGET_H

#include <QWidget>
#include <Q3DScatter>
#include <Q3DTheme>
#include <QScatter3DSeries>
#include <QVector3D>


using namespace QtDataVisualization;

namespace Ui {
class Q3dScatterWidget;
}

class Q3dScatterWidget : public QWidget
{
    Q_OBJECT

public:
    explicit Q3dScatterWidget(QWidget *parent = 0);
    ~Q3dScatterWidget();

public:
    void setData(QList<QVector3D> listVector3D);

protected:
    void initControl();


protected:
    void resizeEvent(QResizeEvent *event);

private:
    Ui::Q3dScatterWidget *ui;

private:
    Q3DScatter *_pQ3DScatter;               // q3d散点视图
    QWidget *_pContainer;                   // q3d窗口容器
    QScatter3DSeries *_pScatter3DSeries;    // q3d散点图数据
};

#endif // Q3DSCATTERWIDGET_H

Q3dScatterWidget.cpp

#include "Q3dScatterWidget.h"
#include "ui_Q3dScatterWidget.h"
#include <Q3DTheme>

#include <QDebug>
#include <QDateTime>
//#define LOG qDebug()<<__FILE__<<__LINE__
//#define LOG qDebug()<<__FILE__<<__LINE__<<__FUNCTION__
//#define LOG qDebug()<<__FILE__<<__LINE__<<QThread()::currentThread()
//#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd")
#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss:zzz")

Q3dScatterWidget::Q3dScatterWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Q3dScatterWidget),
    _pQ3DScatter(0),
    _pContainer(0),
    _pScatter3DSeries(0)
{
    ui->setupUi(this);

    QString version = "v1.0.0";
    setWindowTitle(QString("q3d散点图示例 %1(作者:长沙红胖子 QQ:21497936 WX:15173255813 www.hpzwl.com").arg(version));

    initControl();
}

Q3dScatterWidget::~Q3dScatterWidget()
{
    delete ui;
}

void Q3dScatterWidget::setData(QList<QVector3D> listVector3D)
{
    double xMin, xMax, yMin, yMax, zMin, zMax;
    QScatterDataArray data;
    for(int index = 0; index < listVector3D.size(); index++)
    {
        // 添加模拟数据
        data << listVector3D.at(index);
        // 计算范围
        if(index == 0)
        {
            xMin = listVector3D.at(index).x();
            xMax = listVector3D.at(index).x();
            yMin = listVector3D.at(index).y();
            yMax = listVector3D.at(index).y();
            zMin = listVector3D.at(index).z();
            zMax = listVector3D.at(index).z();
        }else {
            if(xMin > listVector3D.at(index).x() + 1e-8)
            {
                xMin = listVector3D.at(index).x();
            }
            if(xMax < listVector3D.at(index).x() - 1e-8)
            {
                xMax = listVector3D.at(index).x();
            }
            if(yMin > listVector3D.at(index).y() + 1e-8)
            {
                yMin = listVector3D.at(index).y();
            }
            if(yMax < listVector3D.at(index).y() - 1e-8)
            {
                yMax = listVector3D.at(index).y();
            }
            if(zMin > listVector3D.at(index).z() + 1e-8)
            {
                zMin = listVector3D.at(index).z();
            }
            if(zMax < listVector3D.at(index).z() - 1e-8)
            {
                zMax = listVector3D.at(index).z();
            }
        }

    }
    // 添加数据(自动冲掉之前的数据)
    _pScatter3DSeries->dataProxy()->addItems(data);
    // 计算范围 x轴范围要大于等于y轴
    if(xMax - xMin < yMax - yMin)
    {
        xMax = xMin + (yMax - yMin);
    }

    _pQ3DScatter->axisX()->setRange(xMin, xMax);
    _pQ3DScatter->axisY()->setRange(yMin, yMax);
    _pQ3DScatter->axisZ()->setRange(zMin, zMax);
}

void Q3dScatterWidget::initControl()
{
    _pQ3DScatter = new Q3DScatter();
    _pContainer = QWidget::createWindowContainer(_pQ3DScatter, this);

    // 设置轴文本
    {
        _pQ3DScatter->axisX()->setTitle("X");
        _pQ3DScatter->axisY()->setTitle("Y");
        _pQ3DScatter->axisZ()->setTitle("Z");
    }
    // 设置轴范围
    {
//        _pQ3DScatter->axisX()->setRange(0, 10);
//        _pQ3DScatter->axisY()->setRange(0, 10);
//        _pQ3DScatter->axisZ()->setRange(0, 10);
    }

    // 生成一个曲线
    _pScatter3DSeries = new QScatter3DSeries(_pQ3DScatter);
    // 设置渲染平滑
    _pScatter3DSeries->setMeshSmooth(true);

    // 视图添加该曲线
    _pQ3DScatter->addSeries(_pScatter3DSeries);

    // 设置阴影质量
    _pQ3DScatter->setShadowQuality(QAbstract3DGraph::ShadowQualitySoftLow);
    // 设置视角
    _pQ3DScatter->scene()->activeCamera()->setCameraPreset(Q3DCamera::CameraPresetIsometricLeft);
    // 设置子网格
    _pQ3DScatter->activeTheme()->setGridEnabled(true);

#if 1
    // 添加模拟数据
    QScatterDataArray data;
    data << QVector3D(1, 1,1) << QVector3D(1, 1, 2) << QVector3D(1, 1, 3)
         << QVector3D(1, 2,1) << QVector3D(1, 2, 2) << QVector3D(1, 2, 3)
         << QVector3D(1, 3,1) << QVector3D(1, 3, 2) << QVector3D(1, 3, 3);
    // 添加数据(自动冲掉之前的数据)
    _pScatter3DSeries->dataProxy()->addItems(data);
#endif

#if 1
    // 模拟
    QList<QVector3D> listVector3D;
#if 0
    listVector3D <<  QVector3D(5, 1,1) << QVector3D(5, 1, 2) << QVector3D(5, 1, 3)
                 << QVector3D(5, 2,1) << QVector3D(5, 2, 2) << QVector3D(5, 2, 3)
                 << QVector3D(5, 3,1) << QVector3D(5, 3, 2) << QVector3D(5, 3, 3);
#else
    listVector3D << QVector3D(1, 1,1) << QVector3D(1, 1, 2) << QVector3D(1, 1, 3)
                 << QVector3D(1, 2,1) << QVector3D(1, 2, 2) << QVector3D(1, 2, 3)
                 << QVector3D(1, 3,1) << QVector3D(1, 3, 2) << QVector3D(1, 3, 3);
#endif
    // 添加数据
    setData(listVector3D);
#endif
}

void Q3dScatterWidget::resizeEvent(QResizeEvent *event)
{
    if(_pContainer)
    {
        _pContainer->setGeometry(rect());
    }
}

工程模板

  在这里插入图片描述


入坑

入坑一：找不到Q3DScatter类

问题

  在这里插入图片描述

原因

  有命名空间。

解决

using namespace QtDataVisualization;

上一篇：无
下一篇：《Qt开发技术：Q3D图表开发笔记（二）：Q3DBar三维柱状图介绍、Demo以及代码详解》


若该文为原创文章，转载请注明原文出处
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/129520187

QT的Q3DScatter类的使用
希望我的博客，能帮上你解决学习中工作中所遇到的问题
12-01 2543
详细说明 Q3DScatter类提供了用于渲染3D散点图的方法。 此类使开发人员可以在3D中渲染散点图，并通过自由旋转场景来查看散点图。 按住鼠标右键并移动鼠标即可完成旋转。 缩放是通过鼠标滚轮完成的。 选择（如果启用）是通过鼠标左键完成的。 可以通过单击鼠标滚轮将场景重设为默认的相机视图。 在触摸设备中，旋转是通过点击和移动完成的，通过点击并按住进行选择的，以及通过捏合进行缩放的。 如果没有将任何轴显式设置为Q3DScatter，则会创建没有标签的临时默认轴。 可以通过轴访问器修改这些默认轴，但是一旦为该
QT绘制三维散点图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-30 293
QT绘制三维散点图（附完整源码）
qt 三维饼状图
01-07
网上搜集的qt三维饼状图、柱状图绘制源代码，带有动画效果
QT+QCharts绘制百万级散点图
05-26
大量散点图绘制,支持百万级散点图绘制，对数据进行重复点筛选处理。
Qt 教程| QScatterSeries 散点图
最新发布
hw5230的博客
08-24 1028
QScatterSeries 散点图
QT的Q3DScatter使用（三维可视图）
qq_1443539042的博客
03-14 1万+
讲解都在注释中。3d.pro文件#------------------------------------------------- # # Project created by QtCreator 2018-03-12T18:11:08 # #------------------------------------------------- QT += core gui datav...
Qt 三维数据显示之散点图（C++源码）
无垠宇宙
11-08 7928
有时候我们的数据要用三维坐标显示 配置安装 Qt的三维坐标要用到DataVisualization模块，需要用QtMaintenanceTool安装这个模块。 工程创建
实战PyQt5: 165-数据可视化之三维散点图
seniorwizard的专栏
05-13 1220
在Qt是数据可视化模块中，Q3DScatter类和QScatter3DSeries类实现数据的三维散点图可视化。
QtDataVisualization Q3DScatter绘制散点图
zhanghw的博客
05-23 3282
一、效果图 二、代码 //创建Q3DScatter三维散点图类对象 QtDataVisualization::Q3DScatter scatter; scatter.setFlags(scatter.flags() ^ Qt::FramelessWindowHint); //新建序列和数据，在序列中加入3个点，把序列添加到图形 QtDataVisualization::QScatter3DSeries *series = new QtDataVisualizatio
十、Qt三维图表
liutit的博客
02-02 1966
【代码】十、Qt三维图表。
qwt静态以及动态散点图绘制
03-20
qt creator QWT 实现了一些基本的绘制， 同时增添了 动态刷新画图。 具体解释请参考博文：http://blog.sina.com.cn/s/blog_15d5ad05d0102w3va.html
QT中将高度图和三维曲面数据绘制三维曲面的例子
03-18
这是qtc++实现的绘制三维高度图和绘制三维空间中的曲面的例子，对于曲面数据的三维可视化有很大的参考意义！
Q3DScatter三维散点图运行包
03-14
《Qt开发技术：Q3D图表开发笔记（一）：Q3DScatter三维散点图介绍、Demo以及代码详解》配套demo的运行包，非源码 https://blog.csdn.net/qq21497936/article/details/129520187
长沙红胖子Qt开发Q3D图表开发系列（一）到（四）四个演示Demo模块化源码
06-03
《Qt开发技术：Q3D图表开发笔记（一）：Q3DScatter三维散点图介绍、Demo以及代码详解》https://blog.csdn.net/qq21497936/article/details/129520187 《Qt开发技术：Q3D图表开发笔记（二）：Q3DBar三维柱状图介绍、...
Q3dSurface+Q3dScatter+Q3dBars三个基础Demo运行演示程序
04-20
《Qt开发技术：Q3D图表开发笔记（三）：Q3DSurface三维曲面图介绍、Demo以及代码详解》 https://hpzwl.blog.csdn.net/article/details/130264470 https://hpzwl.blog.csdn.net/article/details/130264470 ...
Qt三维图表开发：Q3D系列基础Demo演示
在给定的描述中提到了一篇博客文章，文章详细介绍了Q3DSurface三维曲面图的功能、Demo演示以及相关代码的详细解析。该文章是一个很好的学习资源，尤其是对于那些希望深入了解Qt Data Visualization模块的开发者们。...
qchart能绘制三维_Qt开发技术：QCharts（三）QCharts样条曲线图介绍、Demo以及代码详解...
weixin_42510731的博客
01-14 2029
前言红胖子，来也！按照顺序，本章为样条曲线图。补充QCharts所有的图表都依赖《Qt开发技术：QCharts(一)QCharts基本介绍以及图表框架详解》中的QChart、QChartView、QLegend、QValueAxis。DemoDemo下载地址样条曲线图概述折线图和样条曲线图将数据表示为一系列由直线连接的数据点。在折线图中，数据点由直线连接，而在样条曲线图中，数据点由样条曲线连接。样...
Qt之QtDataVisualization各三维图表的简单使用（含源码+注释）
热门推荐
lw的博客
08-11 1万+
三维柱状图 三维散点图 三维曲面图 设置视角 水平视角 垂直视角 设置主题样式 设置系列样式 二维显示 槽函数的添加 using namespace QtDataVisualization; datavisualization Q3DBars QBar3DSeries QBarDataArray Q3DScatter QScatter3DSeries QScatterDataArray Q3DSurface QSurface3DSeries QSurfaceDataArray ......
Qt Q3DScatter的一些小技巧
mooc666quq的博客
12-03 333
有些时候需要一些三维立体图形，此时我们可以使用散点来代替曲线实现运动的轨迹。但是有时会遇到一些问题，1.显示的个数由于需要先进行预设，我们可以设置一个极大值来进行代替，从而可以避免不断自增的过程中超出具体的范围。2.要是是一个随时间更新的，此时，我们的点会超出范围，需要相对应的循环显示。3.显示的大小问题。全部清除，显示另外的数据。
评论 14
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

长沙红胖子Qt（长沙创微智科）

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值