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

news2024/9/19 12:50:49

【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/2035198.html

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

相关文章

Stable Diffusion 必备插件推荐，菜鸟轻松成高手！

Stable Diffusion 必备插件推荐，菜鸟轻松成高手！

前言 一个刚学AI绘画的小菜鸟如何快速成为Stable Diffusion高手&#xff1f;答案就是SD插件。 只要学会使用SD的各种插件&#xff0c;帮你写正向和负向提示词&#xff0c;修复人脸/身体/手指&#xff0c;高清放大图片&#xff0c;指定人物pose&#xff0c;图片微调等等都可以…
阅读更多...
YOLO系列算法解析

YOLO系列算法解析

一、深度学习算法概述 1、不同阶段算法优缺点分析 One-stage: 优点&#xff1a;速度非常快&#xff0c;适合做实时监测任务 缺点&#xff1a;效果通常不好 2、yolo评价指标 yolo评价指标&#xff1a;map和fps Map指标&#xff1a;综合衡量检测效果 精度&#xff1a;识别准确率…
阅读更多...
代码随想录 day 37 动态规划

代码随想录 day 37 动态规划

第九章 动态规划 part05 力扣上没有纯粹的完全背包的题目&#xff0c;我在卡码网上制作了题目&#xff0c;大家可以去做一做&#xff0c;题目链接在下面的文章链接里。 后面的两道题目&#xff0c;都是完全背包的应用&#xff0c;做做感受一下 完全背包 视频讲解&#xff1a…
阅读更多...
这些错误都没遇到过，还敢说你做过自动化测试？！

这些错误都没遇到过，还敢说你做过自动化测试？！

在执行冒烟测试、回归测试或多浏览器兼容性测试时&#xff0c;利用web自动化测试可以显著节省人力成本&#xff0c;因此web自动化测试的价值非常大。然而&#xff0c;任何从事过web自动化测试的人都会有这样的体会:写自动化代码相对简单&#xff0c;但维护的成本却非常高。一日…
阅读更多...
若依服务器上云部署

若依服务器上云部署

准备条件&#xff1a; 安装好mysql和redis并配置好密码。 1.安装JDK&#xff0c;我这里使用的是1.8 wget --no-check-certificate --no-cookies --header "Cookie: oraclelicenseaccept-securebackup-cookie" http://download.oracle.com/otn-pub/java/jdk/8u131-b11…
阅读更多...
40 - asctime()函数

40 - asctime()函数

文章目录 1 函数原型2 参数3 返回值4 示例4.1 示例14.2 示例2 1 函数原型 asctime()&#xff1a;时间类型转换&#xff0c;函数原型如下&#xff1a; char* asctime (const struct tm * timeptr);ctime()库描述如下&#xff1a; Convert tm structure to string 1. Interpre…
阅读更多...
MySQL4 多表查询 内连接

MySQL4 多表查询 内连接

内连接 多表查询内连接 多表查询 数据准备 CREATE DATABASE db4; USE db4; -- 创建部门表 create table if not exists dept(deptno varchar(20) primary key , -- 部门号name varchar(20) -- 部门名字 );-- 创建员工表 create table if not exists emp(eid varchar(20) pr…
阅读更多...
【文件IO】文件系统操作

【文件IO】文件系统操作

文章目录 基本操作概述1. 文件属性2. 文件构造方法3. 文件方法1. 文件创建2. 文件删除3. 查看目录下所有的文件名4. 遍历目录5. 创建目录5. 目录重命名 基本操作概述 创建文件删除文件创建目录重命名文件判定文件存在… Java 中&#xff0c;提供了一个 File 类&#xff0c;进…
阅读更多...
电商平台的推荐算法需要备案吗？

电商平台的推荐算法需要备案吗？

答案是肯定的&#xff01; 政策要求&#xff1a; 根据我国《互联网信息服务算法推荐管理规定》&#xff08;以下简称《规定》&#xff09;第六条&#xff0c;具有舆论属性或社会动员能力的互联网信息服务&#xff0c;包括电商平台的推荐算法&#xff0c;需要进行备案。 电商平…
阅读更多...
使用js和css 实现div旋转围绕圆分布排列

使用js和css 实现div旋转围绕圆分布排列

记录&#xff0c;以防忘记 围绕圆 import React, { useEffect } from react; import ./index.scoped.scss;const Test () > {const arr Array.from({ length: 28 }, (_, index) > index 1);useEffect(() > {const dayTotal arr.length;// 动态设置每个点的旋转角…
阅读更多...
快速找出问题快件：批量查询与筛选技巧

快速找出问题快件：批量查询与筛选技巧

在日常生活中&#xff0c;我们经常需要查询大量的快递信息。尤其在电商、物流等行业&#xff0c;快速、准确地查询和筛选快递信息至关重要。固乔快递查询助手是一款强大的工具&#xff0c;能帮助用户批量查询快递&#xff0c;并快速筛选出问题快件。下面我们将详细介绍如何使用…
阅读更多...
opengl创建柱面和鱼眼重展uv

opengl创建柱面和鱼眼重展uv

专业软件 先看一下专业软件 可以拉取很多的uv点 以下是使用 OpenGL 创建不规则面片并指定 UV 的一般步骤&#xff1a; 1 顶点数据准备 2 定义面片的顶点坐标。这些顶点构成了面片的形状。 3 为每个顶点指定对应的纹理坐标&#xff08;UV&#xff09;。 4 创建顶点缓冲区对象…
阅读更多...
Springboot整合hutool验证码

Springboot整合hutool验证码

在 Spring Boot 中&#xff0c;你可以将 Hutool 生成验证码的功能集成到 RESTful API 接口中。 依赖 <dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.8.14</version> <!-- 使用最新版…
阅读更多...
EF Core 索引器属性（Indexer property）场景及应用

EF Core 索引器属性（Indexer property）场景及应用

EF Core 索引器属性&#xff08;Indexer property&#xff09;场景及应用 简介 EF Core 中的索引器属性&#xff08;Indexer Property&#xff09;是指通过一个特殊的属性来访问实体类中的数据&#xff0c;而不必明确声明实体属性。这种属性在一些动态或未预定义的场景中非常…
阅读更多...
【Java算法专场】位运算（下）

【Java算法专场】位运算（下）

目录 判定字符是否唯一 ​编辑 算法分析 算法步骤 算法代码 hash表 位运算 两整数之和 算法分析 算法步骤 算法代码 只出现一次的数字 II 算法分析 算法步骤 算法代码 只出现一次的数字 III 算法分析 算法步骤 算法代码 面试题 17.19. 消失的两个数字 算…
阅读更多...
python 如何实现执行selenium自动化测试用例自动录屏？

python 如何实现执行selenium自动化测试用例自动录屏？

做自动化测试已经好多年了&#xff0c;随着项目技术的正增长提升&#xff0c;我们也不断完善并提高自己的技术能力&#xff0c; 下面给大家分享一个 selenium 自动化执行测试用例的录屏功能。希望对大家有帮助&#xff01; 首先&#xff0c;我们为什么要执行自动化录屏功能呢…
阅读更多...
TIOBE 8月编程排行榜出炉！Python 正在追赶 Java 的 TIOBE 指数记录

TIOBE 8月编程排行榜出炉！Python 正在追赶 Java 的 TIOBE 指数记录

2024年8月的TIOBE编程语言排行榜出炉了&#xff01;对于开发者而言&#xff0c;这份排行榜不仅仅是编程语言的简单排序&#xff0c;更是行业趋势的风向标。而今年&#xff0c;Python的表现格外引人注目&#xff0c;它正在一步步逼近Java的TIOBE指数记录。让我们一起看看这两大编…
阅读更多...
es的执行命令日志输出

es的执行命令日志输出

1. 说明 最近项目对接es&#xff0c;使用的客户端为&#xff1a; <dependency><groupId>co.elastic.clients</groupId><artifactId>elasticsearch-java</artifactId><version>8.11.4</version></dependency>使用过程中希望能…
阅读更多...
3-1 介绍及传感器（智能应用篇）

3-1 介绍及传感器（智能应用篇）

3-1 介绍及传感器&#xff08;智能应用篇&#xff09; 3-0 本章介绍3-1 传感器介绍 3-0 本章介绍 Arduino实际应用到生活中 科技创作给生活的乐趣与便利 前两部分内容为基础 太极创客官方网站 课程主角led Led蕴含丰富的科技知识 水立方&#xff0c;led 主机led 汽车le…
阅读更多...
整理 酷炫 Flutter 开源UI框架 FAB

整理 酷炫 Flutter 开源UI框架 FAB

flutter_villains 灵活且易于使用的页面转换。 项目地址&#xff1a;https://github.com/Norbert515/flutter_villains 项目Demo&#xff1a;https://download.csdn.net/download/qq_36040764/89631324
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023