AI 助理
备案控制台
开发者社区 物联网 文章 正文

Qt(C++)使用QChart动态显示3个设备的温度变化曲线

2024-07-03 287
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Qt的QChart是一个用于绘制图表和可视化数据的类。提供了一个灵活的、可扩展的、跨平台的图表绘制解决方案，可以用于各种应用程序，如数据分析、科学计算、金融交易等。

一、介绍

Qt的QChart是一个用于绘制图表和可视化数据的类。提供了一个灵活的、可扩展的、跨平台的图表绘制解决方案，可以用于各种应用程序，如数据分析、科学计算、金融交易等。

QChart支持多种类型的图表，包括折线图、散点图、柱状图、饼图等。它还支持多个数据系列（datasets）在同一个图表中显示，并且可以自定义各种图表属性和样式，如坐标轴标签、标题、图例等。

QChart还支持多种数据源（data sources），可以来自Qt的数据模型（data models）、CSV文件、JSON文件等。数据源可以是任何支持迭代器（iterator）的类型，因此可以轻松地与其他Qt组件集成。

使用QChart可以轻松地创建交互式图表，如鼠标悬停提示（hover tooltip）、数据选择（data selection）等。此外，QChart还支持多种主题（themes）和自定义CSS样式，使得图表外观可以灵活地定制。

out

image-20230529143347595

image-20230529143404140

二、实现代码（1）QMainWindow

以下是使用Qt(C++)的QChart模块显示3个设备的动态温度曲线的代码实现：

【1】实现温度动态更新

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtCharts/QChart>
#include <QtCharts/QLineSeries>
#include <QTimer>

QT_CHARTS_USE_NAMESPACE

namespace Ui {
   
   
class MainWindow;
}

class MainWindow : public QMainWindow
{
   
   
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void updateChartData(); // 更新数据槽函数

private:
    Ui::MainWindow *ui;
    QTimer *m_timer; // 定时器

    QChart *m_chart; // 图表指针

    QLineSeries *m_series1; // 设备1温度曲线
    QLineSeries *m_series2; // 设备2温度曲线
    QLineSeries *m_series3; // 设备3温度曲线

    int m_timeCount; // 时间计数
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow),
    m_timer(new QTimer(this)),
    m_chart(new QChart()),
    m_series1(new QLineSeries()),
    m_series2(new QLineSeries()),
    m_series3(new QLineSeries()),
    m_timeCount(0)
{
   
   
    ui->setupUi(this);

    // 设置图表标题
    m_chart->setTitle("Temperature Data");

    // 创建温度曲线图1并设置属性
    m_series1->setName(tr("Device 1"));
    m_series1->setColor(Qt::red);
    m_series1->setPen(QPen(Qt::red, 2));
    m_chart->addSeries(m_series1);

    // 创建温度曲线图2并设置属性
    m_series2->setName(tr("Device 2"));
    m_series2->setColor(Qt::green);
    m_series2->setPen(QPen(Qt::green, 2));
    m_chart->addSeries(m_series2);

    // 创建温度曲线图3并设置属性
    m_series3->setName(tr("Device 3"));
    m_series3->setColor(Qt::blue);
    m_series3->setPen(QPen(Qt::blue, 2));
    m_chart->addSeries(m_series3);

    // 设置横轴属性
    QValueAxis *axisX = new QValueAxis;
    axisX->setRange(0, 30);
    axisX->setTitleText("Time (s)");
    m_chart->addAxis(axisX, Qt::AlignBottom);
    m_series1->attachAxis(axisX);
    m_series2->attachAxis(axisX);
    m_series3->attachAxis(axisX);

    // 设置纵轴属性
    QValueAxis *axisY = new QValueAxis;
    axisY->setRange(0, 60);
    axisY->setTitleText("Temperature (℃)");
    m_chart->addAxis(axisY, Qt::AlignLeft);
    m_series1->attachAxis(axisY);
    m_series2->attachAxis(axisY);
    m_series3->attachAxis(axisY);

    // 定时更新数据
    connect(m_timer, &QTimer::timeout, this, &MainWindow::updateChartData);
    m_timer->start(1000); // 每隔1秒钟更新一次数据

    // 将图表添加到ChartView中
    ui->chartView->setChart(m_chart);
    ui->chartView->setRenderHint(QPainter::Antialiasing);
}

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

void MainWindow::updateChartData()
{
   
   
    // 更新时间计数
    m_timeCount++;

    // 在温度曲线上增加一个点，模拟温度数据变化
    QPointF p1(m_timeCount, qrand() % 10 + 20);
    QPointF p2(m_timeCount, qrand() % 10 + 30);
    QPointF p3(m_timeCount, qrand() % 10 + 40);
    m_series1->append(p1);
    m_series2->append(p2);
    m_series3->append(p3);

    // 清除多余的点，只保留最新的30个数据点
    if (m_series1->count() > 30) {
   
   
        m_series1->removePoints(0, 1);
    }
    if (m_series2->count() > 30) {
   
   
        m_series2->removePoints(0, 1);
    }
    if (m_series3->count() > 30) {
   
   
        m_series3->removePoints(0, 1);
    }
}

在此代码中，定义了一个QTimer定时器对象，用于每隔一段时间更新温度曲线数据。在定时器的timeout信号触发时，调用updateChartData()槽函数来更新温度曲线数据，同时控制数据量不超过30个点。

在updateChartData()函数中，使用了qrand()函数来生成随机的温度数据，模拟动态变化的效果。可以根据实际情况修改此函数的实现方式。

最后，将图表添加到QChartView控件中，并启用抗锯齿功能以提高显示质量。

【2】设置曲线可见范围

为了保证曲线显示一直在可见范围内，可以添加如下代码：

// 使图表自适应大小，确保曲线始终可见
m_chart->createDefaultAxes();
m_chart->axisX()->setRange(0, 30);
m_chart->axisY()->setRange(0, 60);

这段代码的作用是让图表自适应大小，并设置横轴范围为0到30，纵轴范围为0到60。这样当新数据点增加到图表之外时，图表会自动调整大小和范围，以确保曲线始终可见。

完整的mainwindow.cpp代码如下所示：

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow),
    m_timer(new QTimer(this)),
    m_chart(new QChart()),
    m_series1(new QLineSeries()),
    m_series2(new QLineSeries()),
    m_series3(new QLineSeries()),
    m_timeCount(0)
{
   
   
    ui->setupUi(this);

    // 设置图表标题
    m_chart->setTitle("Temperature Data");

    // 创建温度曲线图1并设置属性
    m_series1->setName(tr("Device 1"));
    m_series1->setColor(Qt::red);
    m_series1->setPen(QPen(Qt::red, 2));
    m_chart->addSeries(m_series1);

    // 创建温度曲线图2并设置属性
    m_series2->setName(tr("Device 2"));
    m_series2->setColor(Qt::green);
    m_series2->setPen(QPen(Qt::green, 2));
    m_chart->addSeries(m_series2);

    // 创建温度曲线图3并设置属性
    m_series3->setName(tr("Device 3"));
    m_series3->setColor(Qt::blue);
    m_series3->setPen(QPen(Qt::blue, 2));
    m_chart->addSeries(m_series3);

    // 设置横轴属性
    QValueAxis *axisX = new QValueAxis;
    axisX->setRange(0, 30);
    axisX->setTitleText("Time (s)");
    m_chart->addAxis(axisX, Qt::AlignBottom);
    m_series1->attachAxis(axisX);
    m_series2->attachAxis(axisX);
    m_series3->attachAxis(axisX);

    // 设置纵轴属性
    QValueAxis *axisY = new QValueAxis;
    axisY->setRange(0, 60);
    axisY->setTitleText("Temperature (℃)");
    m_chart->addAxis(axisY, Qt::AlignLeft);
    m_series1->attachAxis(axisY);
    m_series2->attachAxis(axisY);
    m_series3->attachAxis(axisY);

    // 使图表自适应大小，确保曲线始终可见
    m_chart->createDefaultAxes();
    m_chart->axisX()->setRange(0, 30);
    m_chart->axisY()->setRange(0, 60);

    // 定时更新数据
    connect(m_timer, &QTimer::timeout, this, &MainWindow::updateChartData);
    m_timer->start(1000); // 每隔1秒钟更新一次数据

    // 将图表添加到ChartView中
    ui->chartView->setChart(m_chart);
    ui->chartView->setRenderHint(QPainter::Antialiasing);
}

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

void MainWindow::updateChartData()
{
   
   
    // 更新时间计数
    m_timeCount++;

    // 在温度曲线上增加一个点，模拟温度数据变化
    QPointF p1(m_timeCount, qrand() % 10 + 20);
    QPointF p2(m_timeCount, qrand() % 10 + 30);
    QPointF p3(m_timeCount, qrand() % 10 + 40);
    m_series1->append(p1);
    m_series2->append(p2);
    m_series3->append(p3);

    // 清除多余的点，只保留最新的30个数据点
    if (m_series1->count() > 30) {
   
   
        m_series1->removePoints(0, 1);
    }
    if (m_series2->count() > 30) {
   
   
        m_series2->removePoints(0, 1);
    }
    if (m_series3->count() > 30) {
   
   
        m_series3->removePoints(0, 1);
    }
}

【3】实现鼠标交互拖动

要实现折线图的横坐标可以拖动，可以设置QChartView的交互模式为拖拽，在构造函数中添加如下代码：

// 设置 ChartView 交互模式为拖拽
ui->chartView->setRubberBand(QChartView::HorizontalRubberBand);
ui->chartView->setRenderHint(QPainter::Antialiasing);
ui->chartView->setDragMode(QGraphicsView::ScrollHandDrag);

这样用户就可以通过鼠标左键在横轴上拖拽来改变曲线图的可见范围。同时，还需要在mainwindow.cpp中添加横坐标的范围更新函数updateAxisRange()，用于在拖拽时更新横坐标的范围。

完整的mainwindow.cpp代码如下所示：

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow),
    m_timer(new QTimer(this)),
    m_chart(new QChart()),
    m_series1(new QLineSeries()),
    m_series2(new QLineSeries()),
    m_series3(new QLineSeries()),
    m_timeCount(0)
{
   
   
    ui->setupUi(this);

    // 设置图表标题
    m_chart->setTitle("Temperature Data");

    // 创建温度曲线图1并设置属性
    m_series1->setName(tr("Device 1"));
    m_series1->setColor(Qt::red);
    m_series1->setPen(QPen(Qt::red, 2));
    m_chart->addSeries(m_series1);

    // 创建温度曲线图2并设置属性
    m_series2->setName(tr("Device 2"));
    m_series2->setColor(Qt::green);
    m_series2->setPen(QPen(Qt::green, 2));
    m_chart->addSeries(m_series2);

    // 创建温度曲线图3并设置属性
    m_series3->setName(tr("Device 3"));
    m_series3->setColor(Qt::blue);
    m_series3->setPen(QPen(Qt::blue, 2));
    m_chart->addSeries(m_series3);

    // 设置横轴属性
    QValueAxis *axisX = new QValueAxis;
    axisX->setRange(0, 30);
    axisX->setTitleText("Time (s)");
    m_chart->addAxis(axisX, Qt::AlignBottom);
    m_series1->attachAxis(axisX);
    m_series2->attachAxis(axisX);
    m_series3->attachAxis(axisX);

    // 设置纵轴属性
    QValueAxis *axisY = new QValueAxis;
    axisY->setRange(0, 60);
    axisY->setTitleText("Temperature (℃)");
    m_chart->addAxis(axisY, Qt::AlignLeft);
    m_series1->attachAxis(axisY);
    m_series2->attachAxis(axisY);
    m_series3->attachAxis(axisY);

    // 使图表自适应大小，确保曲线始终可见
    m_chart->createDefaultAxes();
    m_chart->axisX()->setRange(0, 30);
    m_chart->axisY()->setRange(0, 60);

    // 设置 ChartView 交互模式为拖拽
    ui->chartView->setRubberBand(QChartView::HorizontalRubberBand);
    ui->chartView->setRenderHint(QPainter::Antialiasing);
    ui->chartView->setDragMode(QGraphicsView::ScrollHandDrag);

    // 定时更新数据
    connect(m_timer, &QTimer::timeout, this, &MainWindow::updateChartData);
    m_timer->start(1000); // 每隔1秒钟更新一次数据

    // 将图表添加到ChartView中
    ui->chartView->setChart(m_chart);
}

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

void MainWindow::updateChartData()
{
   
   
    // 更新时间计数
    m_timeCount++;

    // 在温度曲线上增加一个点，模拟温度数据变化
    QPointF p1(m_timeCount, qrand() % 10 + 20);
    QPointF p2(m_timeCount, qrand() % 10 + 30);
    QPointF p3(m_timeCount, qrand() % 10 + 40);
    m_series1->append(p1);
    m_series2->append(p2);
    m_series3->append(p3);

    // 清除多余的点，只保留最新的30个数据点
    if (m_series1->count() > 30) {
   
   
        m_series1->removePoints(0, 1);
    }
    if (m_series2->count() > 30) {
   
   
        m_series2->removePoints(0, 1);
    }
    if (m_series3->count() > 30) {
   
   
        m_series3->removePoints(0, 1);
    }

    // 更新横轴范围
    updateAxisRange();
}

void MainWindow::updateAxisRange()
{
   
   
    // 获取横轴范围
    qreal minX = std::numeric_limits<qreal>::max();
    qreal maxX = std::numeric_limits<qreal>::min();
    foreach (QAbstractSeries *series, m_chart->series()) {
   
   
        QXYSeries *xySeries = static_cast<QXYSeries*>(series);
        QPointF p1 = xySeries->at(0);
        QPointF p2 = xySeries->at(xySeries->count() - 1);

        if (p1.x() < minX) {
   
   
            minX = p1.x();
        }
        if (p2.x() > maxX) {
   
   
            maxX = p2.x();
        }
    }

    // 更新横轴范围
    m_chart->axisX()->setRange(minX, maxX);
}

为了更新横坐标的范围，需要在MainWindow中添加了一个新函数updateAxisRange()。该函数会在数据更新时被调用来计算最新的横轴范围，以更新折线图的显示。

三、实现代码（2）QWidget

当前这份完整代码实现了一个动态折线图的绘制，是一个典型的Qt Charts应用程序。通过使用QLineSeries类、QValueAxis类和QChart类来创建并显示温度随时间变化的折线图。

第一步：先创建了主窗口，其中包含一个QChartView控件，用于显示温度曲线图。在构造函数中，设置了一些基本属性，比如标题、横纵坐标的范围和名称等，并为每个设备创建了一个QLineSeries对象，用于存储温度数据。

第二步：将这些QLineSeries对象添加到QChart对象中。接着，将QValueAxis对象添加到QChart中，设置其范围和名称，并将QLineSeries对象与其关联。最后，将QChart对象添加到QChartView中，以便在界面上显示折线图。

第三步：在updateChartData()函数中，定时器每隔1秒钟触发一次，用于更新温度数据，并通过调用QLineSeries类的append()函数向QLineSeries对象中添加新的温度数据点。同时，使用removePoints()函数删除旧的数据点，以保持折线图中显示的数据点不超过30个。在添加或删除数据时，使用updateAxisRange()函数更新横坐标的范围，以便将折线图自适应地缩放到当前数据范围内。

第四步：重载了updateAxisRange()函数，根据QLineSeries对象的数据点计算出横坐标的最小值和最大值，并通过调用QChart类的axisX()->setRange()函数更新QValueAxis对象的范围。

【1】widget.cpp代码

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
   
   
    ui->setupUi(this);

    this->setWindowTitle("温度数据可视化采集系统");

    m_timer=new QTimer(this);
    m_chart=new QChart();

    m_series1=new QLineSeries();
    m_series2=new QLineSeries();
    m_series3=new QLineSeries();

    m_timeCount=0;

    // 创建温度曲线图1并设置属性
    m_series1->setName(tr("设备1"));
//    m_series1->setColor(Qt::red);
//    m_series1->setPen(QPen(Qt::red, 2));
    m_chart->addSeries(m_series1);

    // 创建温度曲线图2并设置属性
    m_series2->setName(tr("设备2"));
//    m_series2->setColor(Qt::green);
//    m_series2->setPen(QPen(Qt::green, 2));
    m_chart->addSeries(m_series2);

    // 创建温度曲线图3并设置属性
    m_series3->setName(tr("设备3"));
//    m_series3->setColor(Qt::blue);
//    m_series3->setPen(QPen(Qt::blue, 2));
    m_chart->addSeries(m_series3);

    // 设置横轴属性
    QValueAxis *axisX = new QValueAxis;
    axisX->setRange(0, 30);
    axisX->setTitleText("时间 (s)");
    m_chart->addAxis(axisX, Qt::AlignBottom);
    m_series1->attachAxis(axisX);
    m_series2->attachAxis(axisX);
    m_series3->attachAxis(axisX);

    // 设置纵轴属性
    QValueAxis *axisY = new QValueAxis;
    axisY->setRange(0, 60);
    axisY->setTitleText("温度 (℃)");
    m_chart->addAxis(axisY, Qt::AlignLeft);
    m_series1->attachAxis(axisY);
    m_series2->attachAxis(axisY);
    m_series3->attachAxis(axisY);

    // 使图表自适应大小，确保曲线始终可见
      m_chart->createDefaultAxes();
      m_chart->axisX()->setRange(0, 30);
      m_chart->axisY()->setRange(0, 60);


    // 定时更新数据
    connect(m_timer, &QTimer::timeout, this, &Widget::updateChartData);

    // 将图表添加到ChartView中
    QChartView* chartView = new QChartView(m_chart);

    // 设置 ChartView 交互模式为拖拽
    chartView->setRubberBand(QChartView::HorizontalRubberBand);
    chartView->setRenderHint(QPainter::Antialiasing);
    chartView->setDragMode(QGraphicsView::ScrollHandDrag);

    chartView->setRenderHint(QPainter::Antialiasing);

    //将视图添加到布局
    ui->view_verticalLayout->addWidget(chartView);
}



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


void Widget::updateChartData()
{
   
   
    // 更新时间计数
    m_timeCount++;

    // 在温度曲线上增加一个点，模拟温度数据变化
    QPointF p1(m_timeCount, qrand() % 10 + 20);
    QPointF p2(m_timeCount, qrand() % 10 + 30);
    QPointF p3(m_timeCount, qrand() % 10 + 40);
    m_series1->append(p1);
    m_series2->append(p2);
    m_series3->append(p3);

    // 清除多余的点，只保留最新的30个数据点
    if (m_series1->count() > 30) {
   
   
        m_series1->removePoints(0, 1);
    }
    if (m_series2->count() > 30) {
   
   
        m_series2->removePoints(0, 1);
    }
    if (m_series3->count() > 30) {
   
   
        m_series3->removePoints(0, 1);
    }

    // 更新横轴范围
    updateAxisRange();
}


void Widget::updateAxisRange()
{
   
   
    // 获取横轴范围
    qreal minX = std::numeric_limits<qreal>::max();
    qreal maxX = std::numeric_limits<qreal>::min();
    foreach (QAbstractSeries *series, m_chart->series()) {
   
   
        QXYSeries *xySeries = static_cast<QXYSeries*>(series);
        QPointF p1 = xySeries->at(0);
        QPointF p2 = xySeries->at(xySeries->count() - 1);

        if (p1.x() < minX) {
   
   
            minX = p1.x();
        }
        if (p2.x() > maxX) {
   
   
            maxX = p2.x();
        }
    }

    // 更新横轴范围
    m_chart->axisX()->setRange(minX, maxX);
}



//开始采集
void Widget::on_pushButton_start_clicked()
{
   
   
    m_timer->start(1000); // 每隔1秒钟更新一次数据
}


//停止采集
void Widget::on_pushButton_stop_clicked()
{
   
   
    m_timer->stop(); //停止定时器
}

【2】widget.h代码

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

// 包含line chart需要的头文件
#include <QtCharts/QChart>
#include <QtCharts/QLineSeries>
#include <QtCharts/QChartView>
#include <QtCore/QRandomGenerator>
#include <QValueAxis>
#include <QScatterSeries>
#include <QTimer>

// 引用命名空间
QT_CHARTS_USE_NAMESPACE

QT_BEGIN_NAMESPACE
namespace Ui {
   
    class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
   
   
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
private slots:
    void updateChartData(); // 更新数据槽函数
    void updateAxisRange();

    void on_pushButton_start_clicked();

    void on_pushButton_stop_clicked();

private:
    Ui::Widget *ui;

    QTimer *m_timer; // 定时器

    QChart *m_chart; // 图表指针

    QLineSeries *m_series1; // 设备1温度曲线
    QLineSeries *m_series2; // 设备2温度曲线
    QLineSeries *m_series3; // 设备3温度曲线

    int m_timeCount; // 时间计数
};
#endif // WIDGET_H

【3】UI文件代码

image-20230529143214460

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Widget</class>
 <widget class="QWidget" name="Widget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>600</width>
    <height>444</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Widget</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <item>
    <widget class="QWidget" name="widget" native="true">
     <property name="minimumSize">
      <size>
       <width>100</width>
       <height>100</height>
      </size>
     </property>
     <layout class="QVBoxLayout" name="verticalLayout_2">
      <property name="spacing">
       <number>0</number>
      </property>
      <property name="leftMargin">
       <number>0</number>
      </property>
      <property name="topMargin">
       <number>0</number>
      </property>
      <property name="rightMargin">
       <number>0</number>
      </property>
      <property name="bottomMargin">
       <number>0</number>
      </property>
      <item>
       <layout class="QVBoxLayout" name="view_verticalLayout"/>
      </item>
     </layout>
    </widget>
   </item>
   <item>
    <widget class="QWidget" name="widget_2" native="true">
     <property name="maximumSize">
      <size>
       <width>16777215</width>
       <height>40</height>
      </size>
     </property>
     <layout class="QHBoxLayout" name="horizontalLayout">
      <property name="spacing">
       <number>0</number>
      </property>
      <property name="leftMargin">
       <number>0</number>
      </property>
      <property name="topMargin">
       <number>0</number>
      </property>
      <property name="rightMargin">
       <number>0</number>
      </property>
      <property name="bottomMargin">
       <number>0</number>
      </property>
      <item>
       <widget class="QPushButton" name="pushButton_start">
        <property name="text">
         <string>开始采集</string>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="pushButton_stop">
        <property name="text">
         <string>停止采集</string>
        </property>
       </widget>
      </item>
     </layout>
    </widget>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

【4】pro工程文件

QT       += core gui
QT       += charts

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    widget.cpp

HEADERS += \
    widget.h

FORMS += \
    widget.ui

# Default rules for deployment.
qnx: target.path = /tmp/{
   
   mathJaxContainer[0]}{
   
   TARGET}/bin
!isEmpty(target.path): INSTALLS += target
文章标签：
C++
数据可视化
前端开发
存储
JSON
关键词：
Qt c++
C++ qchart温度曲线
C++ qchart
C++设备
Qt设备
DS小龙哥
目录
相关文章
泡沫o0
|
6月前
|
安全 网络协议 数据安全/隐私保护
掌握Qt和C++：构建你的第一个P2P应用程序
掌握Qt和C++：构建你的第一个P2P应用程序
泡沫o0
248 3
泡沫o0
|
6月前
|
编译器 API C语言
深入探究Qt与C++标准的兼容之旅
深入探究Qt与C++标准的兼容之旅
泡沫o0
601 3
DS小龙哥
|
4月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段，可以将文本信息嵌入到图片、视频等文件中，用于识别和证明文件的版权归属。在数字化和网络化的时代，大量的原创作品容易被不法分子盗用或侵犯版权，因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下，文本水印可以包含版权声明、制作者姓名、日期、网址等信息，以帮助识别文件的来源和版权归属。同时，为了增强防盗用效果，文本水印通常会采用字体、颜色、角度等多种组合方式，使得水印难以被删除或篡改，有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能，例如使用Qt的QPainter类进行文本绘制操作，将文本信息嵌入到图片中，
DS小龙哥
181 1
Qt(C++)开发一款图片防盗用水印制作小工具
DS小龙哥
|
4月前
|
数据可视化 开发者 C++
Qt(C++)使用QChart静态显示3个设备的温度变化曲线
QChart模块是Qt Charts库的基础，提供了用于创建和显示各种类型图表的类和接口。Qt Charts库是一个功能丰富、易于使用的数据可视化工具库，可以帮助开发者在应用程序中添加漂亮而又交互性强的图表。
DS小龙哥
70 1
Qt(C++)使用QChart静态显示3个设备的温度变化曲线
苍天饶过谁？
|
5月前
|
数据处理 开发工具 C++
Qt C++ 扫码枪使用数据处理
Qt C++ 扫码枪使用数据处理
苍天饶过谁？
216 0
尹彦彦
|
6月前
|
开发框架 Linux C++
Qt：强大的跨平台C++应用程序开发框架
Qt：强大的跨平台C++应用程序开发框架
尹彦彦
210 3
尹彦彦
|
6月前
|
开发框架 编译器 C++
Qt：一个强大的跨平台C++应用程序开发框架
Qt：一个强大的跨平台C++应用程序开发框架
尹彦彦
180 1
ephemerals__
|
10天前
|
存储 编译器 C++
【c++】类和对象（中）（构造函数、析构函数、拷贝构造、赋值重载）
本文深入探讨了C++类的默认成员函数，包括构造函数、析构函数、拷贝构造函数和赋值重载。构造函数用于对象的初始化，析构函数用于对象销毁时的资源清理，拷贝构造函数用于对象的拷贝，赋值重载用于已存在对象的赋值。文章详细介绍了每个函数的特点、使用方法及注意事项，并提供了代码示例。这些默认成员函数确保了资源的正确管理和对象状态的维护。
ephemerals__
37 4
ephemerals__
|
11天前
|
存储 编译器 Linux
【c++】类和对象（上）（类的定义格式、访问限定符、类域、类的实例化、对象的内存大小、this指针）
本文介绍了C++中的类和对象，包括类的概念、定义格式、访问限定符、类域、对象的创建及内存大小、以及this指针。通过示例代码详细解释了类的定义、成员函数和成员变量的作用，以及如何使用访问限定符控制成员的访问权限。此外，还讨论了对象的内存分配规则和this指针的使用场景，帮助读者深入理解面向对象编程的核心概念。
ephemerals__
35 4
白子寰
|
1月前
|
存储 编译器 对象存储
【C++打怪之路Lv5】-- 类和对象（下）
【C++打怪之路Lv5】-- 类和对象（下）
白子寰
27 4

物联网

热门文章

最新文章

  • 1
    使用MQTT客户端连接阿里云MQTT服务器
  • 2
    IoT SaaS加速器——助力阿尔茨海默病人护理
  • 3
    物联网发展的三大编程语言
  • 4
    PostgreSQL "物联网"应用 - 1 实时流式数据处理案例(万亿每天)
  • 5
    阿里云新推出 HiTSDB + IoT套件 物联网设备上云步入快车道
  • 6
    AIoT设备上云最佳实践集锦【持续更新，建议收藏】
  • 7
    基于Zero-Ice搭建的物联网监控平台
  • 8
    阿里云物联网消息透传设备端payLoad设置问题
  • 9
    一个简单算法可以帮助物联网,金融 用户 节约98%的数据存储成本 (PostgreSQL,Greenplum帮你做到)
  • 10
    阿里云物联网平台数据转发到表格存储(Table Store)示例参考
  • 1
    在使用指针数组进行动态内存分配时，如何避免内存泄漏
    10
  • 2
    C语言物联网开发之设备安全与代码可靠性隐患
    20
  • 3
    C 语言物联网开发之网络通信与数据传输难题
    17
  • 4
    「Mac畅玩鸿蒙与硬件20」鸿蒙UI组件篇10 - Canvas 组件自定义绘图
    32
  • 5
    「Mac畅玩鸿蒙与硬件19」鸿蒙UI组件篇9 - 自定义动画实现
    46
  • 6
    「Mac畅玩鸿蒙与硬件17」鸿蒙UI组件篇7 - Animation 组件基础
    43
  • 7
    「Mac畅玩鸿蒙与硬件18」鸿蒙UI组件篇8 - 高级动画效果与缓动控制
    37
  • 8
    「Mac畅玩鸿蒙与硬件16」鸿蒙UI组件篇6 - List 和 Grid 组件展示数据列表
    32
  • 9
    「Mac畅玩鸿蒙与硬件15」鸿蒙UI组件篇5 - Slider 和 Progress 组件
    44
  • 10
    「Mac畅玩鸿蒙与硬件14」鸿蒙UI组件篇4 - Toggle 和 Checkbox 组件
    31

    • 相关课程

    更多
  • C++ 入门教程开发文档

    • 相关电子书

    更多
  • 使用C++11开发PHP7扩展
  • GPON Class C++ SFP O;T Transce
  • GPON Class C++ SFP OLT Transce

    • 相关实验场景

    更多
  • Gazebo环境下基于ROS的阿克曼小车键盘控制

    • 推荐镜像

    更多
  • qt
  • msys2
  • python-release
    • 下一篇
    阿里云OSS设置跨域访问