qt入门（7）：在界面子窗口中画折线图

最新推荐文章于 2024-08-12 14:42:17 发布
最新推荐文章于 2024-08-12 14:42:17 发布
阅读量3.3k 收藏 12
点赞数 4
分类专栏： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35299223/article/details/103651107
版权

目录

Qchart模块

1 使用Qchart在子窗口中画图
2 参考资料
3 代码

Qcustomplot模块

1 用Qcustomplot模块在子窗口中画图
2 参考资料
3 代码

Qchart模块

该部分可参考下面的博主
https://blog.csdn.net/baizy77/article/details/84107786

参考该资料，总结流程如下：

1 准备工作

需要在安装qt时带上了charts，否则后面工作无法开展。

对于编译方式安装的Qt，需要注意在configure时不要跳过charts。

对于安装包方式安装的Qt，需要注意在安装时，确保charts组件被选中。

2 修改pro文件

在pro中，使用如下语句包含charts库：

QT+=charts

3 提升widget控件为QChartView

在绘制ui窗体时，从designer的工具箱中选择一个“Widget”类型的控件,将objectName设置为"widget"，然后在它上面单击鼠标右键，选择“提升为”。

在弹出的界面中，填写"提升的类名称"为: QChartView，头文件名称会自动生成，我们不用关心。

然后单击“添加”按钮即可。

如果在提升界面的上半部分已经有我们需要的类"QChartView"，那么只需要选中它，然后单击"提升"按钮即可。

4 修改界面头文件（关键！）

在界面的头文件中，我们需要编写下面两行代码：

#include <QtCharts>

QT_CHARTS_USE_NAMESPACE

#include "ui_xxxxx.h"

请注意，两行加粗的代码必须写在#include "ui_xxxxx.h"的前面，因为"ui_xxxxx.h"头文件也需要用到这里的宏定义。（关键！）

这两句代码的作用是包含QChart所需的一批头文件，并声明QTChats的命名空间。

5 构建图表、构建系列

QChart* chart = new QChart();

这行代码很简单，我们构建一个QChart对象。

QLineSeries *series = new QLineSeries();

for (quint32 i = 0; i < 100; i++) {

    series->append(i, sin(0.6f*i));

}

上面的代码构建了一个折线系列对象，并且对它进行初始化。方法是调用append()接口，传递的参数x、y对用的是一组坐标数据。就是折线上的一个点。

然后，我们将系列添加到图表，并创建默认的坐标轴。

chart->addSeries(series);

chart->createDefaultAxes(); // 基于已添加到图表的 series 来创建默认的坐标轴

6 将图表绑定到视图

widget->setChart(chart);

widget是前面第3步中我们提升的控件对象。

7 创建窗体并运行。

int main(int argc, char * argv[])

{

    QApplication app(argc, argv);

    CDialog dlg(NULL);

    dlg.exec();

    return 0;

}

代码

RailWayMeasure.pro

#-------------------------------------------------
#
# Project created by QtCreator 2019-12-20T09:41:39
#
#-------------------------------------------------

QT       += core gui
QT+=charts
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = RailMeasurement
TEMPLATE = app

# The following define makes your compiler emit warnings if you use
# any feature of Qt which as been marked as 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 you use 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 \
        mainwindow.cpp

HEADERS += \
        mainwindow.h

FORMS += \
        mainwindow.ui

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void PlotWidget();
private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

main.cpp

#include "mainwindow.h"
#include <QApplication>


int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();


    return a.exec();
}

mainwindow.cpp

#include "mainwindow.h"
#include <QtCharts>
QT_CHARTS_USE_NAMESPACE

#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    this->PlotWidget();
}

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

void MainWindow::PlotWidget()
{
    QChart* chart = new QChart();
    QLineSeries *series = new QLineSeries();

    for (quint32 i = 0; i < 100; i++) {

        series->append(i, sin(0.6f*i));

    }
    chart->addSeries(series);

    chart->createDefaultAxes();        // 基于已添加到图表的 series 来创建默认的坐标轴
    ui->widget_Plot->setChart(chart);

}

Qcustomplot模块

注意，除了添加qcustomplot.h以及qcustomplot.cpp外，一定要记得在.pro文件中添加printsupport字符串。参考资料是youtube上一个视频。
在这里插入图片描述

RailWayMeasure.pro

#-------------------------------------------------
#
# Project created by QtCreator 2019-12-20T09:41:39
#
#-------------------------------------------------

QT       += core gui
QT+=charts
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets printsupport

TARGET = RailMeasurement
TEMPLATE = app

# The following define makes your compiler emit warnings if you use
# any feature of Qt which as been marked as 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 you use 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 \
        mainwindow.cpp \
    qcustomplot.cpp

HEADERS += \
        mainwindow.h \
    qcustomplot.h

FORMS += \
        mainwindow.ui

mainwindow.h

qcustomplot.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void PlotWidget();
    void MyCustomPlot();
private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

qcustomplot.cpp

main.cpp

#include "mainwindow.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

mainwindow.cpp

#include "mainwindow.h"

#include <QtCharts>
QT_CHARTS_USE_NAMESPACE

#include "ui_mainwindow.h"


MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    this->PlotWidget();
    this->MyCustomPlot();
}

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


void MainWindow::PlotWidget()
{
    QChart* chart = new QChart();
    QLineSeries *series = new QLineSeries();

    for (quint32 i = 0; i < 100; i++) {

        series->append(i, sin(0.6f*i));

    }
    chart->addSeries(series);

    chart->createDefaultAxes();        // 基于已添加到图表的 series 来创建默认的坐标轴
    ui->widget_Plot->setChart(chart);
    ui->widget_Plot->resize(500,500);
}

void MainWindow::MyCustomPlot()
{
    QVector<double> x(101), y(101); // initialize with entries 0..100
    for (int i=0; i<101; ++i)
    {
      x[i] = i/50.0 - 1; // x goes from -1 to 1
      y[i] = x[i]*x[i]; // let's plot a quadratic function
    }
    // create graph and assign data to it:
    ui->widget_customPlot->addGraph();
    ui->widget_customPlot->graph(0)->setData(x, y);
    // give the axes some labels:
    ui->widget_customPlot->xAxis->setLabel("x");
    ui->widget_customPlot->yAxis->setLabel("y");
    // set axes ranges, so we see all data:
    ui->widget_customPlot->xAxis->setRange(-1, 1);
    ui->widget_customPlot->yAxis->setRange(0, 1);
    ui->widget_customPlot->replot();
}
糖琴心
关注
专栏目录
Qt散点图、折线图、柱状图、盒须图、饼状图、雷达图开发实例
啊渊的专栏
05-23 5890
目录 散点图 折线图 柱状图 水平柱状图 水平堆叠图 水平百分比柱状图 盒须图 饼状图 雷达图 Qt散点图、折线图、柱状图、盒须图、饼状图、雷达图开发实例。 在开发过程中我们会使用多各种各样的图，讲数据进行可视化。我们可以使用以上几种图来表达我们的数据。Qt提供了一些可视化图的库Qchart，我们可以利用他开发自己想要图表。 散点图 散点图，顾名思义就是由一些散乱的点组成的图表，这些点在哪个位置，是由其X值和Y值确定的。所以也叫做XY散点图。 作用一：可以展示数据的.
PyQt5:QtCharts 绘制折线图
04-01
本资源为：pyqtchart绘制简单折线图源码 ，将博客中的新增源码添加就可以。
pyqtgraph基础入门（二）：使用pyqtgraph绘制折线图（同一坐标轴包含多条折线）
Xixoqw的博客
11-17 3501
文章目录编写作图方法 现在假设已经用qtdesigner绘制了 .ui 文件，ui文件中有提升为pyqtgraph 类型的widget。同时已经拿到了 .ui 文件 转化成的 .py文件，并且已经可以用 main 调用并显示界面。 如果知道怎么达到这个状态的话可以参考我的前一篇文章。 pyqtgraph项目实战（一）：使用qtdesignert 提升组件 编写作图方法 可以直接对 GraphicsLayoutWidget 用addPlot 来作图 import sys from PyQt5.QtCore
qt 折线图 开发笔记
最新发布
xie__jin__cheng的博客
08-12 776
qt 折线图 开发笔记
Pyqt5， 在子窗口子控件中绘图
fengyingv的博客
07-08 1402
在QtWidgets中进行 1、qt窗口代码 from PyQt5 import QtCore, QtGui, QtWidgets class Ui_Form(object): def setupUi(self, Form): Form.setObjectName("Form") Form.resize(401, 318) self.stackedWidget = QtWidgets.QStackedWidget(Form)
【小白入门】Qt界面设计：利用QChart显示折线图（QT+VS C++）
Alvarez的博客
10-27 3801
【Qt软件设计（C++）】 利用QChart显示折线图QChart写在前面（可以不看）属性与配置附加包含目录显示QChart添加曲线 本文仅梳理总结自己在学习过程中的一些理解和思路，水平有限，理解粗鄙浅薄且不一定正确。文章所有观点均不保证绝对正确，请酌情参考。如果各位朋友发现任何错误请及时告诉我，大家一起讨论共同提高。 版本：QT 5.8.0+VS2013 （我的意思是如果使用其他版本出现各种问题的话，来问我也大概率没办法帮你解决问题，因为我是一只菜狗） QChart 写在前面（可以不看） 全网教程全部都是
Qt实现动态曲线图
02-26
使用的是Qt4开发，经过实际的测试完全可以用，使用Qt5，只需简单的修改头文件也可以用。 在本人的博客中也有详细的程序解读，和开发的重要注意。
用qt 实现一个折线图
weixin_35756892的博客
01-01 1467
要用 Qt 实现一个折线图，你需要使用 Qt 的绘图模块中的 QPainter 类和相关的函数。 具体来说，你需要做如下几件事： 创建一个 QWidget 或者 QMainWindow 类的对象作为图表的容器。 在这个容器中重新实现 paintEvent() 函数。paintEvent() 函数会在窗口需要重绘时自动调用，你可以在这个函数中使用 QPainter 绘制各种图形。 在 pain...
qt qml c++ 折线图
03-28
在Qt框架中，QML（Qt Meta Language）与C++结合使用可以构建强大的图形用户界面，其中折线图是一种常用的数据可视化工具。本教程将深入探讨如何在Qt QML环境中利用C++后端数据支持创建动态、交互式的折线图。 首先...
QT开发——Qchart实现的折线图
2303_78730505的博客
03-01 1787
这份用QChart制作的简易折线图能够实现：X轴左端不动与随动、三条数据的实时显示。
[QT]在子窗口或者控件中绘图
weixin_30401605的博客
01-30 2318
要在子窗口中绘图，有2种方法： 1.重写子窗口的控件类（即继承该类，并重载其paintEvent()方法），实现其paintEvent()方法，然后在ui里面将原来的控件提升(promote to)为新类。 （注：使用QPainter画图时，只能指定所属为当前类的引用Qpainter painter = new QPainter(this)，所以应重写paintEvent()） 填写...
QT绘制折线图。
希望我的博客，能帮上你解决学习中工作中所遇到的问题
01-08 1435
QT绘制折线图。
Qt中在widget内显示折线图和柱状图
XXYBMOOO的博客
05-12 697
【代码】Qt中在widget内显示折线图和柱状图。
【Qt】“Qt折线图可视化工具“ — 使用Qt绘制折线图，将数据可视化为折线图，以便更好地理解数据
Fanjufei的博客
10-26 246
目录前言：示例演示1、QCustomPlot 图表库2、UI提升的原理3、代码含义讲解必看。
Qt中绘制折线
ppss177的博客
05-22 613
Qt中绘制折线 基本流程 三要素：场景、图表、序列 创建场景—创建图表—图表添加到场景—创建序列—序列添加到图表 创建坐标轴并设置—坐标轴添加到图表—序列、坐标轴、图表配合 序列设值 1.必要配置 .pro文件 QT += charts 头文件 #include <QtCharts> QT_CHARTS_USE_NAMESPACE namespace Ui { class MainWindow; } 2.创建图表 有些类的对象是全局定义，如series,axisX,axisY //创建Char
QT绘制饼图+柱状图+折线图
梅山
09-08 3278
使用qt绘制，折线图，饼图，柱状图，多柱状图
PyQt5之折线图绘制
热门推荐
z178443085
03-10 1万+
监控ad端口0-5伏电压变化趋势， Qt designer 制作界面， 各控件名称及所属类右边对象查看器可看到 保存文件名为 read_adc_ui pyuic转换 .iu 文件为.py文件 转换后的代码 # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'read_adc_ui.ui' #...
QPainter绘制折线统计图
LebronBear的博客
04-24 1105
void Histogram::paintEvent(QPaintEvent *e)//猜测构造函数中会触发一次 { QPoint pointVertices = QPoint(10,10);//直方图矩形左上顶点 QPoint pointZero = QPoint(pointVertices.x(),pointVertices.y() + m_nHeight);//坐标原点(直方图左下原点) QPixmap pixmap(size()); //将画布的大小设置为和widget一样
PyQt5 QtChart-折线图
SongYuLong
12-15 3341
【代码】PyQt5 QtChart-QLineSeries 折线图。
QT入门指南：视口与窗口坐标详解及C++ GUI库比较
在QT的学习过程中，理解视口坐标系与窗口坐标的差异至关重要。视口坐标是基于物理屏幕或父窗口部件，而窗口坐标则是自定义的逻辑坐标，用于方便绘制。两者之间的转换通过缩放因子Rx和Ry进行，例如，一个在视口坐标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值