QT 图表（拆线图，栏状图，饼状图 ,动态图表）

效果

折线图

// 创建折线数据系列
    // 创建折线系列
    QLineSeries *series = new QLineSeries;
    // series->append(0, 6);
    // series->append(2, 4);
    // series->append(3, 8);

    // 创建图表并添加系列
    QChart *chart = new QChart;
    chart->addSeries(series);
    chart->setTitle("实时数据监控");
    chart->setAnimationOptions(QChart::SeriesAnimations); // 启用动画

    // 显式创建轴（Qt6 兼容）
    QValueAxis *axisX = new QValueAxis;
    QValueAxis *axisY = new QValueAxis;
    chart->addAxis(axisX, Qt::AlignBottom);
    chart->addAxis(axisY, Qt::AlignLeft);
    series->attachAxis(axisX);
    series->attachAxis(axisY);

    axisX->setTitleText("时间");
    axisY->setTitleText("数值");
    axisX->setRange(0, 10);//设置范围
    axisY->setRange(0, 100);

    // 将图表嵌入到 QChartView 中显示
    // QChartView *chartView = new QChartView(chart);
    // chartView->setRenderHint(QPainter::Antialiasing); // 抗锯齿
    // chartView->resize(800, 600);
    //this->setCentralWidget(chartView);
    //代码中绑定到布局
    //ui->verticalLayout->addWidget(chartView); // 添加到布局

    ui->chartViewLine->setChart(chart);
    ui->chartViewLine->setRenderHint(QPainter::Antialiasing); // 抗锯齿

    // 动态更新数据
    // 定时器动态追加数据
    QTimer *timer = new QTimer(this);
    QObject::connect(timer, &QTimer::timeout, [=]() {
        static int currentX = 0;// 当前数据点的 X 值
        //动态添加数据
        series->append(currentX, QRandomGenerator::global()->bounded(100));

        axisX->setMax(currentX); // 自动扩展 X 轴范围

        // 控制数据量不超过30个
        // if (series->count() > 30) {
        //     series->remove(0);  // 移除最旧的点
        // }
        // // 动态调整 X 轴范围，显示最近30个点
        // if (currentX >= 30) {
        //     axisX->setRange(currentX - 29, currentX);
        // } else {
        //     axisX->setRange(0, currentX);
        // }

        if(currentX > max_x)
        {
            series->removePoints(0,series->count() - max_x);
            axisX->setMin(currentX - max_x + 1);
        }
        currentX++;
    });
    timer->start(1000); // 每秒添加一个点

柱状图

//创建柱状图（Bar Chart）
    QBarSet *set0 = new QBarSet("数据A");
    QBarSet *set1 = new QBarSet("数据B");
    *set0 << 1 << 2 << 3 << 4 << 5;
    *set1 << 5 << 4 << 3 << 2 << 1;

    QBarSeries *seriesBar = new QBarSeries();
    seriesBar->append(set0);
    seriesBar->append(set1);

    QChart *chartBar = new QChart();
    chartBar->addSeries(seriesBar);
    chartBar->setTitle("柱状图示例");
    chartBar->setAnimationOptions(QChart::SeriesAnimations); // 启用动画

    // 设置分类轴
    QStringList categories {"Jan", "Feb", "Mar", "Apr", "May"};
    QBarCategoryAxis *axisXBar = new QBarCategoryAxis();
    axisXBar->append(categories);
    chartBar->addAxis(axisXBar, Qt::AlignBottom);
    seriesBar->attachAxis(axisXBar);

    // 显示
    // QChartView *chartViewBar = new QChartView(chart);
    // chartViewBar->show();
    ui->chartViewBar->setChart(chartBar);
    ui->chartViewBar->show();

饼状图

// 创建饼图系列
    QPieSeries *seriesPie = new QPieSeries();
    seriesPie->append("Apple", 30);   // 添加数据切片
    seriesPie->append("Banana", 20);
    seriesPie->append("Orange", 50);

    // 自定义切片样式（可选）
    for (QPieSlice *slice : seriesPie->slices()) {
        slice->setLabelVisible(true);              // 显示标签
        slice->setLabelColor(Qt::black);           // 标签颜色
        slice->setLabelPosition(QPieSlice::LabelOutside);  // 标签位置
    }

    // 创建图表并添加系列
    QChart *chartPie = new QChart();
    chartPie->addSeries(seriesPie);
    chartPie->setTitle("饼图标题");         // 图表标题
    chartPie->legend()->setVisible(true);             // 显示图例
    chartPie->legend()->setAlignment(Qt::AlignRight); // 图例位置

    // 显示图表
    ui->chartViewPie->setChart(chartPie);
    ui->chartViewPie->setRenderHint(QPainter::Antialiasing); // 抗锯齿

引用

QT       += charts

完整代码

头文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
// 在头文件或源文件的最顶部定义宏
//#define QT_CHARTS_USE_NAMESPACE
#include <QtCharts>
#include <QtCharts/QChartView>
#include <QtCharts/QSplineSeries>
#include <QValueAxis>
#include <QMainWindow>

//QT_CHARTS_USE_NAMESPACE

QT_BEGIN_NAMESPACE
namespace Ui {
class MainWindow;
}
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private:
    Ui::MainWindow *ui;

    void initChart();
    int qrand();
    int max_x = 30;
};
#endif // MAINWINDOW_H

cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QtCharts>
#include <QtCharts/QChartView>
#include <QtCharts/QSplineSeries>
#include <QValueAxis>

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

}

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

void MainWindow::initChart()
{
    // 创建折线数据系列
    // 创建折线系列
    QLineSeries *series = new QLineSeries;
    // series->append(0, 6);
    // series->append(2, 4);
    // series->append(3, 8);

    // 创建图表并添加系列
    QChart *chart = new QChart;
    chart->addSeries(series);
    chart->setTitle("实时数据监控");
    chart->setAnimationOptions(QChart::SeriesAnimations); // 启用动画

    // 显式创建轴（Qt6 兼容）
    QValueAxis *axisX = new QValueAxis;
    QValueAxis *axisY = new QValueAxis;
    chart->addAxis(axisX, Qt::AlignBottom);
    chart->addAxis(axisY, Qt::AlignLeft);
    series->attachAxis(axisX);
    series->attachAxis(axisY);

    axisX->setTitleText("时间");
    axisY->setTitleText("数值");
    axisX->setRange(0, 10);//设置范围
    axisY->setRange(0, 100);

    // 将图表嵌入到 QChartView 中显示
    // QChartView *chartView = new QChartView(chart);
    // chartView->setRenderHint(QPainter::Antialiasing); // 抗锯齿
    // chartView->resize(800, 600);
    //this->setCentralWidget(chartView);
    //代码中绑定到布局
    //ui->verticalLayout->addWidget(chartView); // 添加到布局

    ui->chartViewLine->setChart(chart);
    ui->chartViewLine->setRenderHint(QPainter::Antialiasing); // 抗锯齿

    // 动态更新数据
    // 定时器动态追加数据
    QTimer *timer = new QTimer(this);
    QObject::connect(timer, &QTimer::timeout, [=]() {
        static int currentX = 0;// 当前数据点的 X 值
        //动态添加数据
        series->append(currentX, QRandomGenerator::global()->bounded(100));

        axisX->setMax(currentX); // 自动扩展 X 轴范围

        // 控制数据量不超过30个
        // if (series->count() > 30) {
        //     series->remove(0);  // 移除最旧的点
        // }
        // // 动态调整 X 轴范围，显示最近30个点
        // if (currentX >= 30) {
        //     axisX->setRange(currentX - 29, currentX);
        // } else {
        //     axisX->setRange(0, currentX);
        // }

        if(currentX > max_x)
        {
            series->removePoints(0,series->count() - max_x);
            axisX->setMin(currentX - max_x + 1);
        }
        currentX++;
    });
    timer->start(1000); // 每秒添加一个点

    //创建柱状图（Bar Chart）
    QBarSet *set0 = new QBarSet("数据A");
    QBarSet *set1 = new QBarSet("数据B");
    *set0 << 1 << 2 << 3 << 4 << 5;
    *set1 << 5 << 4 << 3 << 2 << 1;

    QBarSeries *seriesBar = new QBarSeries();
    seriesBar->append(set0);
    seriesBar->append(set1);

    QChart *chartBar = new QChart();
    chartBar->addSeries(seriesBar);
    chartBar->setTitle("柱状图示例");
    chartBar->setAnimationOptions(QChart::SeriesAnimations); // 启用动画

    // 设置分类轴
    QStringList categories {"Jan", "Feb", "Mar", "Apr", "May"};
    QBarCategoryAxis *axisXBar = new QBarCategoryAxis();
    axisXBar->append(categories);
    chartBar->addAxis(axisXBar, Qt::AlignBottom);
    seriesBar->attachAxis(axisXBar);

    // 显示
    // QChartView *chartViewBar = new QChartView(chart);
    // chartViewBar->show();
    ui->chartViewBar->setChart(chartBar);
    ui->chartViewBar->show();

    // 创建饼图系列
    QPieSeries *seriesPie = new QPieSeries();
    seriesPie->append("Apple", 30);   // 添加数据切片
    seriesPie->append("Banana", 20);
    seriesPie->append("Orange", 50);

    // 自定义切片样式（可选）
    for (QPieSlice *slice : seriesPie->slices()) {
        slice->setLabelVisible(true);              // 显示标签
        slice->setLabelColor(Qt::black);           // 标签颜色
        slice->setLabelPosition(QPieSlice::LabelOutside);  // 标签位置
    }

    // 创建图表并添加系列
    QChart *chartPie = new QChart();
    chartPie->addSeries(seriesPie);
    chartPie->setTitle("饼图标题");         // 图表标题
    chartPie->legend()->setVisible(true);             // 显示图例
    chartPie->legend()->setAlignment(Qt::AlignRight); // 图例位置

    // 显示图表
    ui->chartViewPie->setChart(chartPie);
    ui->chartViewPie->setRenderHint(QPainter::Antialiasing); // 抗锯齿
}

关键类说明‌

‌QPieSeries‌
- 用于管理饼图的所有切片（QPieSlice）。
- 通过 append(name, value) 添加数据。
‌QPieSlice‌
- 控制单个切片的属性，如颜色、标签、突出显示等。
- 常用方法：setLabelVisible(), setColor(), setExploded()（突出显示）。
‌QChart‌
- 管理图表布局、标题、图例等。
- 通过 addSeries() 添加数据系列。
‌QChartView‌
- 用于显示图件的 Widget，支持抗锯齿渲染。

自定义样式‌

‌修改颜色‌：

slice->setColor(QColor("#FF5733"));  // 设置切片颜色

‌突出显示切片‌：

```
slice->setExploded(true);          // 使切片突出
slice->setExplodeDistanceFactor(0.1);  // 突出距离
```
在 Qt Charts 中，AnimationOption 是 QChart 类中用于控制图表动画效果的枚举类型，其具体定义如下：
1. 枚举值说明‌

AnimationOption 包含以下选项 ‌‌6‌：
‌NoAnimation‌
禁用所有动画效果。
‌GridAxisAnimations‌
启用坐标轴网格的动画（如缩放、平移时网格渐变效果）。
‌SeriesAnimations‌
启用数据系列的动画（如饼图切片展开、折线图数据点渐变）。
‌AllAnimations‌
启用全部动画效果（等同于 GridAxisAnimations | SeriesAnimations）。
2. 组合使用‌

AnimationOptions 是 QFlags<AnimationOption> 类型，支持通过位运算组合多个选项 ‌‌6‌。例如：
```
chart->setAnimationOptions(QChart::GridAxisAnimations | QChart::SeriesAnimations);
```
‌3. 应用方法‌

通过 QChart::setAnimationOptions() 方法设置动画效果 ‌‌4，6‌：

QChart *chart = new QChart();
chart->setAnimationOptions(QChart::AllAnimations);  // 启用所有动画

‌5. 相关配置‌

‌动画时长‌：通过 QChart::setAnimationDuration() 调整动画时长（默认 1000ms）‌‌46‌。
‌缓动曲线‌：通过 QChart::setAnimationEasingCurve() 设置动画缓动效果（如弹性、加速曲线）‌‌6‌。
‌适用场景‌
数据动态更新时（如实时折线图），建议启用 SeriesAnimations 提升视觉效果 ‌‌67‌。
静态图表中可禁用动画（NoAnimation）以减少性能开销 ‌‌6‌。

QT 图表（拆线图，栏状图，饼状图 ,动态图表）

效果

折线图

柱状图

饼状图

关键类说明‌

自定义样式‌

1. 枚举值说明‌

2. 组合使用‌

‌3. 应用方法‌

‌5. 相关配置‌

‌适用场景‌

相关文章

基于vue框架的在线影院系统a079l（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。

OpenCV图像拼接（1）概述

基于ssm学科竞赛小程序的设计及实现(源码+lw+部署文档+讲解)，源码可白嫖!

[特殊字符][特殊字符][特殊字符][特殊字符][特殊字符][特殊字符]壁紙流光染墨，碎影入梦

虚拟机的三种 Linux 网络配置原理图解读

AI Agent系列(七) -思维链(Chain of Thought,CoT)

SpringBoot实现异步调用的方法

PurpleLlama大模型安全全套检测方案

vue el-table 设置selection选中状态

STM32学习笔记之常用总线（原理篇）

【数据结构】栈(Stack)、队列(Queue)、双端队列(Deque) —— 有码有图有真相

OpenCV中的矩阵操作

OAK相机入门（一）：深度测距原理

Powershell WSL .wslconfig 实现与宿主机的网络互通

Vue：Vue2和Vue3创建项目的几种常用方式以及区别

IRF拆除

强化学习（赵世钰版）-学习笔记（8.值函数方法）

STM32F4与串口屏通信

车载以太网网络测试-20【传输层-DOIP协议-3】

`chromadb` 是什么