Q3DScatter三维散点图开发：搭建实时监控大屏案例

2023-12-06 18:59:06





## Qt开发技术：Q3DScatter三维散点图开发笔记

Qt开发技术提供了Q3D框架，用于创建三维图形和动画，虽然它的性能可能存在不足，但对于一些普通的应用程序展示还是非常合适的。其中，Q3DScatter类可以帮助我们轻松创建三维散点图，为数据可视化提供更直观、更具空间感的展示方式。

## Q3DScatter三维散点图介绍

三维散点图是一种将数据点绘制在三维空间中的图形，可以直观地展示多维数据之间的关系。Q3DScatter类提供了丰富的功能，我们可以通过设置数据源、坐标轴、网格线、颜色等参数，来创建出个性化的三维散点图。

## Q3DScatter三维散点图Demo

为了帮助您更好地理解Q3DScatter类的用法，我将提供一个简单的示例，展示如何使用它创建三维散点图。

```cpp
#include <Q3DScatter>
#include <QScatterDataProxy>
#include <Q3DAxis>
#include <Q3DTheme>
#include <QRandomGenerator>

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

  // 创建Q3DScatter对象
  Q3DScatter *scatter = new Q3DScatter();

  // 创建QScatterDataProxy对象并设置数据
  QScatterDataProxy *proxy = new QScatterDataProxy();
  QRandomGenerator generator;
  for (int i = 0; i < 100; ++i) {
    proxy->addItem(
      new QScatterDataItem(generator.generateDouble(),
                           generator.generateDouble(),
                           generator.generateDouble()));
  }
  scatter->setDataProxy(proxy);

  // 创建Q3DAxis对象并设置坐标轴
  Q3DAxis *axisX = new Q3DAxis;
  axisX->setTitle("X Axis");
  scatter->addAxis(axisX);

  Q3DAxis *axisY = new Q3DAxis;
  axisY->setTitle("Y Axis");
  scatter->addAxis(axisY);

  Q3DAxis *axisZ = new Q3DAxis;
  axisZ->setTitle("Z Axis");
  scatter->addAxis(axisZ);

  // 设置主题
  Q3DTheme *theme = new Q3DTheme;
  theme->setTheme(Q3DTheme::ThemeQt);
  scatter->setTheme(theme);

  // 显示窗口
  QWidget *widget = new QWidget;
  QVBoxLayout *layout = new QVBoxLayout;
  layout->addWidget(scatter);
  widget->setLayout(layout);
  widget->show();

  return app.exec();
}

这个Demo演示了一个带有随机数据的简单三维散点图。您可以根据自己的需要，修改数据源、坐标轴、网格线、颜色等参数，来创建出更加丰富、更加美观的散点图。

Q3DScatter三维散点图代码详解

接下来，我将对这个Demo中的关键代码进行详细讲解，帮助您更好地理解Q3DScatter类的用法。

// 创建Q3DScatter对象
Q3DScatter *scatter = new Q3DScatter();

首先，我们需要创建一个Q3DScatter对象，它将作为三维散点图的容器。

// 创建QScatterDataProxy对象并设置数据
QScatterDataProxy *proxy = new QScatterDataProxy();
for (int i = 0; i < 100; ++i) {
  proxy->addItem(
    new QScatterDataItem(generator.generateDouble(),
                         generator.generateDouble(),
                         generator.generateDouble()));
}
scatter->setDataProxy(proxy);

接下来，我们需要创建一个QScatterDataProxy对象，并为它设置数据。QScatterDataProxy负责管理三维散点图的数据，我们可以通过addItem()方法向它添加数据项。

// 创建Q3DAxis对象并设置坐标轴
Q3DAxis *axisX = new Q3DAxis;
axisX->setTitle("X Axis");
scatter->addAxis(axisX);

Q3DAxis *axisY = new Q3DAxis;
axisY->setTitle("Y Axis");
scatter->addAxis(axisY);

Q3DAxis *axisZ = new Q3DAxis;
axisZ->setTitle("Z Axis");
scatter->addAxis(axisZ);

然后，我们需要创建三个Q3DAxis对象，分别代表X轴、Y轴和Z轴。我们可以通过setTitle()方法为坐标轴设置标题，并通过addAxis()方法将它们添加到Q3DScatter对象中。

// 设置主题
Q3DTheme *theme = new Q3DTheme;
theme->setTheme(Q3DTheme::ThemeQt);
scatter->setTheme(theme);

最后，我们可以通过设置主题来改变三维散点图的外观。这里，我们使用Q3DTheme类来设置主题，并将其设置为Qt主题。

将Q3DScatter三维散点图应用于实时监控大屏项目

现在，您已经了解了Q3DScatter类的基本用法，就可以将其应用到实际项目中了。例如，我们可以将它用于构建实时监控大屏，以便直观地展示各种数据指标的变化情况。

// 创建Q3DScatter对象并设置数据源
Q3DScatter *scatter = new Q3DScatter();
scatter->setDataProxy(new QScatterDataProxy());

// 创建Q3DAxis对象并设置坐标轴
Q3DAxis *axisX = new Q3DAxis;
axisX->setTitle("时间");
scatter->addAxis(axisX);

Q3DAxis *axisY = new Q3DAxis;
axisY->setTitle("指标");
scatter->addAxis(axisY);

Q3DAxis *axisZ = new Q3DAxis;
axisZ->setTitle("值");
scatter->addAxis(axisZ);

// 定时更新数据
QTimer *timer = new QTimer;
timer->setInterval(1000);
connect(timer, &QTimer::timeout, [scatter] {
  // 从数据库或其他数据源获取最新数据
  QVector<QScatterDataItem *> dataItems;
  // 将最新数据更新到QScatterDataProxy中
  scatter->dataProxy()->setDataItems(dataItems);
});
timer->start();

// 显示窗口
QWidget *widget = new QWidget;
QVBoxLayout *layout = new QVBoxLayout;
layout->addWidget(scatter);
widget->setLayout(layout);
widget->show();