【Qt开发】QtCharts图表 在ui上添加QChartView控件并进行绘图配置

news2024/12/27 12:25:13

【Qt开发】QtCharts图表 在ui上添加QChartView控件并进行绘图配置

文章目录

  • 控件安装和模块导入
  • 在ui上添加QChartView控件
  • QChartView图表配置
  • 附录：C语言到C++的入门知识点（主要适用于C语言精通到Qt的C++开发入门）
    • C语言与C++的不同
    • C++中写C语言代码
    • C语言到C++的知识点
    • Qt开发中需要了解的C++基础知识
      • namespace
      • 输入输出
      • 字符串类型
      • class类
        • 构造函数和析构函数（解析函数）
        • 类的继承

控件安装和模块导入

QChartView位于QtCharts模块下
在VS和Qt Creator上分别位于：
在这里插入图片描述
和
在这里插入图片描述
在资源模块管理中可以找到就表明安装了 否则就需要另外安装

在VS上 只需要像第一张图一样直接勾选即可
但在Qt Creator上开发时 需要在.pro文件中加入：QT += charts
如：
在这里插入图片描述
导入后进行编译一遍
然后再在头文件中导入相应的库即可

#include <QChart>
#include <QChartView>

导入后需要加入一行宏

QT_CHARTS_USE_NAMESPACE

或

using namespace QT_CHARTS_NAMESPACE;
//等价于
using namespace QtCharts

不然用不了库下面的控件

在ui上添加QChartView控件

ui上没有QChartView控件 所以只能用其他的控件来提升为QChartView
常用QWidget来进行提升（其他的控件也可以 比如Graphics View等 但还是推荐用QWidget 好处就是可以在这个上面再次放置一些按钮等控件 另外 如果涉及到新窗口显示图表 也得用这个）
在这里插入图片描述
右键选择得控件-提升为-输入QChartView 然后会自动链接到头文件 再点添加即可 我这里已经添加好了
在这里插入图片描述
添加好了以后 选中刚刚添加的东西 点击提升

勾不勾选全局包含都无所谓（推荐不勾）

提升后 在ui_mainwindow.h里面就会看到导入的库在这里插入图片描述
全局包含和非全局包含的区别就是一个用<>一个用""导入
这在C/C++里面的区别就不多说了 后者优先从用户工程目录下搜素头文件 可以自己修改头文件等等 前者是系统目录

导入后 我们可以看到来自于系统目录（因为我们用户目录下没有）
在这里插入图片描述
如果你在mainwindow.h下面导入了ui_mainwindow.h
则在编译后 可以看到一堆报错
（如果没有 则不管有没有全局包含 都不会报错 但我还是推荐不要全局包含 请看下文）
（ui_mainwindow.h是在编译后生成的 Qt Creator的编译流程不太清楚 我是为了开发方便 才在mainwindow.h里面导入ui_mainwindow.h的 解决方案是直接不导入 或者按我下面的方法解决 也是无论有没有导入ui_mainwindow.h的最优解）
在这里插入图片描述
这其实就是因为在ui_mainwindow.h里面 我们没有调用QT_CHARTS_USE_NAMESPACE宏定义（先前我们是在mainwindow.h里面调用的）
而ui_mainwindow.h是在下面的头文件
解决方法就是在ui_mainwindow.h导入库和宏定义
但每次ui改变的时候 ui_mainwindow.h自动生成 就会覆盖我们修改的部分

还可以直接改qchartview.h文件 但作为系统的库 最好不改

所以我们可以复制一个qchartview.h文件到用户目录
然后在这里加上宏定义
在这里插入图片描述
这样就没有任何报错了

QChartView图表配置

我这里写了几个函数和结构体 用于一键配置

#ifndef MY_QT_DEF_H
#define MY_QT_DEF_H
#include <QValueAxis>
#include <QList>
#include <QSplineSeries>
#include <QString>
#include <QChart>
#include <QChartView>
QT_CHARTS_USE_NAMESPACE

typedef struct
{
    float min;
    float max;

    QString tittle;
    QString format;
    Qt::Alignment alignment;

    QValueAxis *axis;
}MY_QChartView_Float_Axis_Struct;

//splineSeries曲线实例化（折线用QLineSeries）
typedef struct
{
    int maxSize;
    QList<float> data;
    QString tittle;

    MY_QChartView_Float_Axis_Struct X;
    MY_QChartView_Float_Axis_Struct Y;

    QPainter::RenderHint renderHint;
    //上面是必配置的参数 下面是指针类型
    QSplineSeries *splineSeries;

    QChart *chart;
    QChartView *chartView;
}MY_QChartView_Float_Struct;

void Init_MY_QChartView_Float_Axis_Struct(MY_QChartView_Float_Axis_Struct *Stu,QChart *chart);
void Init_MY_QChartView_Float_Struct(MY_QChartView_Float_Struct *Stu);
void Add_MY_QChartView_Float_Value(MY_QChartView_Float_Struct *Stu,float value);

#endif // MY_QT_DEF_H


#include "MY_QT_DEF.h"

void Init_MY_QChartView_Float_Axis_Struct(MY_QChartView_Float_Axis_Struct *Stu,QChart *chart)
{
    Stu->axis->setLabelFormat(Stu->format);
    Stu->axis->setTitleText(Stu->tittle);
    chart->addAxis(Stu->axis, Stu->alignment);
    Stu->axis->setRange(Stu->min,Stu->max);
}

void Init_MY_QChartView_Float_Struct(MY_QChartView_Float_Struct *Stu)
{
    Stu->chart=new QChart();
    Stu->splineSeries = new QSplineSeries();
    Stu->X.axis=new QValueAxis();
    Stu->Y.axis=new QValueAxis();

    Stu->chart->legend()->hide();
    Stu->chart->setTitle(Stu->tittle);
    Stu->chart->addSeries(Stu->splineSeries);

    Init_MY_QChartView_Float_Axis_Struct(&Stu->X,Stu->chart);
    Init_MY_QChartView_Float_Axis_Struct(&Stu->Y,Stu->chart);

    Stu->splineSeries->attachAxis(Stu->X.axis);
    Stu->splineSeries->attachAxis(Stu->Y.axis);

    Stu->chartView->setChart(Stu->chart);
    Stu->chartView->setRenderHint(Stu->renderHint);
}

//添加数据自动移动函数
void Add_MY_QChartView_Float_Value(MY_QChartView_Float_Struct *Stu,float value)
{
    Stu->data.append(value);
    while (Stu->data.size() > Stu->maxSize)
    {
        Stu->data.removeFirst();
    }

    Stu->splineSeries->clear();

    float xSpace = (Stu->X.max-Stu->X.min) / (Stu->maxSize - 1);

    for (int i = 0; i < Stu->data.size(); ++i)
    {
        Stu->splineSeries->append(xSpace * i, Stu->data.at(i));
    }
}

调用方式：

QChartView_Float_Stu.chartView=this->ui->chartview;
    QChartView_Float_Stu.maxSize=21;
    QChartView_Float_Stu.renderHint=QPainter::Antialiasing;
    QChartView_Float_Stu.tittle="曲线测试";

    QChartView_Float_Stu.X.tittle="X";
    QChartView_Float_Stu.X.min=0;
    QChartView_Float_Stu.X.max=20;
    QChartView_Float_Stu.X.format="%i";
    QChartView_Float_Stu.X.alignment=Qt::AlignBottom;

    QChartView_Float_Stu.Y.tittle="Y";
    QChartView_Float_Stu.Y.min=0;
    QChartView_Float_Stu.Y.max=100;
    QChartView_Float_Stu.Y.format="%0.2f";
    QChartView_Float_Stu.Y.alignment=Qt::AlignLeft;

    Init_MY_QChartView_Float_Struct(&QChartView_Float_Stu);

在定时器里面执行：


void MainWindow::timerTimeOut()
{

    int i =  QDateTime::currentDateTime().toMSecsSinceEpoch()/1000%100;
    qDebug()<<"timer "<<i<<"\n";
    Add_MY_QChartView_Float_Value(&this->QChartView_Float_Stu,i);
}

在这里插入图片描述

效果：
在这里插入图片描述

可以通过ui设计直接调整大小
在这里插入图片描述

附录：C语言到C++的入门知识点（主要适用于C语言精通到Qt的C++开发入门）

C语言与C++的不同

C语言是一门主要是面向工程的语言
C++则是面向对象

C语言中 某些功能实现起来较为繁琐
比如结构体定义：

一般写作：

typedef struct stu_A
{
}A;

也可以写作：

typedef struct 
{
}A;

但 大括号后面的名称是不可省去的

不过 C++的写法就比较简单
除了支持上述写法外

也支持直接声明

typedef struct A
{
}

另外 C++是完全支持C语言库和语法的
不过C++里面的库也有些很方便的高级功能用法 只不过实现起来可能不如C的速度快

再者 C语言与C++的编译流程不一样
C语言没有函数重载 所以给编译器传参就是直接传函数名称
但是C++除了传函数名称外 还会穿函数的参数、类型等等 以实现函数重载

C++中写C语言代码

上文提到 C++可以完全兼容C的写法
但是编译流程也还是不一样
所以如果在编译层面进行C语言代码编译 则通常用以下方法：

extern "C"
{
...
}

表面大括号内的内容用C的方法进行编译

另外 如果还是用C++的编译器 但要实现C语言函数 则需要用到C语言的库

在C语言中 我们一般用如下方法导入库

#include <stdio.h>

此方法同样适用于C++ 但是C++可以更方便的写成去掉.h的方式
比如：

#include <iostream>

在C++中 为了调用C语言的库 可以采用在原库名称前加一个"c"的方式导入
如：

#include <cstdio>

这样就可以使用printf等函数了 甚至比C++的std方法更快

C语言到C++的知识点

在这里插入图片描述

Qt开发中需要了解的C++基础知识

namespace

C++面向对象的特性下诞生的一个名称
表示某个函数、变量在某个集合下 用作namespace
比如 <iostream>库中的关键字cin在std下 则写作std::cin
std就是namespace
::表示某空间下的某某
前面是空间名称 后面是变量、函数名称

用using namespace可以告诉编译器以下都用xx名称空间
比如：

using namespace std;
cout<<"a";

如果没有告诉编译器所使用的空间名称 则要写成：

std::cout<<"a";

同样 可以自定义某一段代码属于哪个空间：

namespace xx
{
...
}

输入输出

在C++中 用iostream作为输入输出流的库

#include <iostream>

用cin和cout关键字进行输入和输出
如：

using namespace std;
int a=0;
cin>>a; //输入到a

cout<<a;  //输出a

类比scanf和printf
同样 还有一个关键字endl表示换行
cout和cin的传参是不固定的
由编译器自行裁定

字符串类型

在C语言中 常用char *表示字符串
但是在C++中 可以直接用string类型
比如：

char * s="456";
string str="123";

由于cout的特性 这两种字符串都可以直接打印
但如果使用C语言中printf的打印方式时 采用%s方式打印字符串 则不能传入string类型

class类

C++的核心就是class
同Python等支持面向对象的语言一样
可以理解成一个支持函数、继承、自动初始化、销毁的结构体
在class类中 有private私有、public公有变量
前者只能内部访问 后者可以外部调用使用
如：

class A
{
public:
int a;
private:
int b;
}

a可以用A.a的方式方位 b则外部无法访问

构造函数和析构函数（解析函数）

构造函数可以理解成对类的初始化 反之析构函数则是退出时进行销毁前的函数
两者需要与类的名称相同 析构函数则在前面加一个~表示非
如：

class A
{
public:
int a;
A();
~A();
private:
int b;
}

A::A()
{
...
}

A::~A()
{
...
}

构造函数可以定义传参 析构函数则不行

类的继承

如果有两个类A和B 想让A里面包含B 则可以写作继承的写法
继承后 A类的变量可以直接调用B下面的成员
如：

class B
{
int b;
}
class A: public B
{
int a;
}

在定义A后 可以访问到B的成员b 当然 继承也可以私有

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Simple RPC - 04 从零开始设计一个客户端（上）

Simple RPC - 04 从零开始设计一个客户端（上）

文章目录 Pre设计Code1. 理解Stub“桩”的实现原理2. 动态生成桩的接口 StubFactory3. 如何来实现工厂方法创建桩动态生成“桩”类的过程步骤概述代码实现 技术点动态代理模式的应用动态代理的应用分析 依赖倒置和SPI Pre Simple RPC - 01 框架原理及总体架构初探 Simple RPC…
阅读更多...
Postman文件上传接口测试

Postman文件上传接口测试

接口介绍 返回示例 测试步骤 1.添加一个新请求&#xff0c;修改请求名&#xff0c;填写URL&#xff0c;选择请求方式 2.将剩下的media参数放在请求body里&#xff0c;选择form-data&#xff0c;选择key右边的类型为file类型&#xff0c;就会出现选择文件的按钮Select Files&a…
阅读更多...
继承 （上）【C++】

继承 （上）【C++】

文章目录 继承的定义继承的语法继承权限和继承到子类后父类成员的访问限定符的变化继承到子类后父类成员的访问限定符的变化 子类继承到了父类的什么&#xff1f;继承中的作用域子类和父类之间的赋值转换子类对象可以直接赋值给父类对象&#xff0c;但是父类对象不能直接赋值给…
阅读更多...
spring boot 接收第三方mq消息

spring boot 接收第三方mq消息

文章目录 前言一、pom二、配置三、RabbitMQListener总结 前言 mq 用的很少&#xff0c;简单记录一下。 需求&#xff1a;数据提供方采用mq的方式推送数据&#xff0c;我方接收数据后&#xff0c;入库。 一、pom <dependency><groupId>org.springframework.boot&…
阅读更多...
基于 Appium 的 App 爬取实战

基于 Appium 的 App 爬取实战

除了运行 Appium 的基本条件外&#xff0c;还要一个日志输出库 安装&#xff1a; pip install loguru 思路分析 首先我们观察一下整个 app5 的交互流程&#xff0c;其首页分条显示了电影数据&#xff0c; 每个电影条目都包括封面&#xff0c;标题&#xff0c; 类别和评分 4…
阅读更多...
Linux下Oracle 11g升级19c实录

Linux下Oracle 11g升级19c实录

1.组件信息 source /home/oracle/.bash_profile11g && sqlplus "/ as sysdba"<<EOF set line 200 col COMP_NAME for a40 select comp_name,VERSION,STATUS from dba_registry; exit; EOF COMP_NAME VERSION …
阅读更多...
自动化之响应式Web设计:纯HTML和CSS的实现技巧

自动化之响应式Web设计:纯HTML和CSS的实现技巧

​ 大家好&#xff0c;我是程序员小羊&#xff01; 前言 响应式Web设计是一种使Web页面在各种设备和屏幕尺寸下都能良好显示的设计方法。随着移动设备的普及&#xff0c;响应式设计已经成为Web开发中的标准实践。本文将探讨如何使用纯HTML和CSS实现响应式Web设计&#xff0c;覆…
阅读更多...
测试架构师领导力的原则

测试架构师领导力的原则

目录 一、建立信任关系 二、建立共识 三、通过关系带来安全 四、要身体力行&#xff0c;以身作则 五、适当处理风险&#xff0c;什么是鞭炮&#xff0c;什么是原子弹 测试架构师的领导力是建立在把握和执行的某些原则上---信任&#xff0c;认知&#xff0c;安全&#xff0…
阅读更多...
Python 算法交易实验81 QTV200日常推进-重新实验SMA/EMA/RSI

Python 算法交易实验81 QTV200日常推进-重新实验SMA/EMA/RSI

说明 本次实验考虑两个点&#xff1a; 1 按照上一篇谈到的业务目标进行反推&#xff0c;有针对性的寻找策略2 worker增加计算的指标&#xff0c;重新计算之前的实验 内容 工具方面&#xff0c;感觉rabbitmq还是太慢了。看了下&#xff0c;rabbitmq主要还是面向可靠和灵活路…
阅读更多...
【软件测试】软件系统测试方案（Word原件）

【软件测试】软件系统测试方案（Word原件）

1. 引言 1.1. 编写目的 1.2. 项目背景 1.3. 读者对象 1.4. 参考资料 1.5. 术语与缩略语 2. 测试策略 2.1. 测试完成标准 2.2. 测试类型 2.2.1. 功能测试 2.2.2. 性能测试 2.2.3. 安全性与访问控制测试 2.3. 测试工具 3. 测试技术 4. 测试资源 4.1. 人员安排 4.2. 测试环境 4.2.…
阅读更多...
Openstack 与 Ceph集群搭建(上)： 规划与准备

Openstack 与 Ceph集群搭建(上)： 规划与准备

文章目录 写在前面网络架构节点规划软件版本避坑指南 基础配置1. host配置2. 修改hostname名称3. 确保root账号能登录系统4. 配置NTP5. 配置免密登录 写在前面 近期将进行三节点的Openstack、Ceph集群混合部署&#xff0c;本人将详细记录该过程。在此之前&#xff0c;本文为Op…
阅读更多...
逆向开发LabVIEW程序的操作与注意事项（无源代码）

逆向开发LabVIEW程序的操作与注意事项（无源代码）

1. 概述与准备工作 当手头没有源代码&#xff0c;只有LabVIEW编译后的可执行程序时&#xff0c;逆向开发的难度和复杂性大大增加。需要用到的工具、方法和策略也会有所不同。逆向工程的目标是在没有源代码的情况下重建或理解该程序的功能、结构和行为。涉及CameraLink通讯的程…
阅读更多...
Android大脑--systemserver进程

Android大脑--systemserver进程

用心坚持输出易读、有趣、有深度、高质量、体系化的技术文章&#xff0c;技术文章也可以有温度。 本文摘要 系统native进程的文章就先告一段落了&#xff0c;从这篇文章开始写Java层的文章&#xff0c;本文同样延续自述的方式来介绍systemserver进程&#xff0c;通过本文您将…
阅读更多...
day34-nginx常用模块

day34-nginx常用模块

## 0. 网络面试题 网络面试题: TCP三次握手 TCP四次挥手 DNS解析流程 OSI七层模型 抓包工具 tcpdump RAID级别区别 开机启动流程 如何实现不同的网段之间通信(路由器) ip route add 192.168.1.0 255.255.255.0 下一跳的地址或者接口 探测服务器开启了哪些端口(无法登录服务器…
阅读更多...
嵌入式开发如何看芯片数据手册

嵌入式开发如何看芯片数据手册

不管什么芯片手册&#xff0c;它再怎么写得天花乱坠&#xff0c;本质也只是芯片的使用说明书而已。而说明书一个最显著的特点就是必须尽可能地使用通俗易懂的语句&#xff0c;向使用者交代清楚该产品的特点、功能以及使用方法。 以TMP423为例&#xff0c;这是一个测量温度的芯…
阅读更多...
【密码学】密钥管理：①基本概念和密钥生成

【密码学】密钥管理：①基本概念和密钥生成

密钥管理是处理密钥从产生到最终销毁的整个过程的有关问题&#xff0c;包括系统的初始化及密钥的产生、存储、备份与恢复、装入、分配、保护、更新、控制、丢失、撤销和销毁等内容。 一、密钥管理技术诞生的背景 随着计算机网络的普及和发展&#xff0c;数据传输和存储的安全问…
阅读更多...
蓝牙音视频远程控制协议(AVRCP) command跟response介绍

蓝牙音视频远程控制协议(AVRCP) command跟response介绍

零.声明 本专栏文章我们会以连载的方式持续更新&#xff0c;本专栏计划更新内容如下&#xff1a; 第一篇:蓝牙综合介绍 &#xff0c;主要介绍蓝牙的一些概念&#xff0c;产生背景&#xff0c;发展轨迹&#xff0c;市面蓝牙介绍&#xff0c;以及蓝牙开发板介绍。 第二篇:Trans…
阅读更多...
智慧运维：数据中心可视化管理平台

智慧运维：数据中心可视化管理平台

图扑智慧运维数据中心可视化管理平台&#xff0c;实时监控与数据分析&#xff0c;优化资源分配&#xff0c;提升运维效率&#xff0c;确保数据中心的安全稳定运行。
阅读更多...
Linux进程间通信——匿名管道

Linux进程间通信——匿名管道

文章目录 进程间通信管道匿名管道匿名管道使用 进程间通信 进程设计的特点之一就是独立性&#xff0c;要避免其他东西影响自身的数据 但有时候我们需要共享数据或者传递信息&#xff0c;传统的父子进程也只能父进程传递给子进程信息 因此进程间通信还是很必要的&#xff0c;…
阅读更多...
Apollo9.0 PNC源码学习之Planning模块—— Lattice规划（三）：静态障碍物与动态障碍物ST图构建

Apollo9.0 PNC源码学习之Planning模块—— Lattice规划（三）：静态障碍物与动态障碍物ST图构建

参考文章： （1）Apollo6.0代码Lattice算法详解——Part4:计算障碍物ST/SL图 （2）自动驾驶规划理论与实践Lattice算法详解 1 计算障碍物ST/SL图 计算障碍物ST/SL图主要函数关系图： // 通过预测得到障碍物list auto ptr_prediction_querier = std::make_shared<Predict…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023