QT示例学习之图表

最新推荐文章于 2024-10-26 18:49:02 发布
最新推荐文章于 2024-10-26 18:49:02 发布
阅读量748 收藏 3
点赞数
分类专栏： QT c++
c++ 同时被 2 个专栏收录
48 篇文章 1 订阅
订阅专栏
QT
14 篇文章 0 订阅
订阅专栏

头文件

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QtCharts/QChartGlobal>

typedef QPair<QPointF, QString> Data;
typedef QList<Data> DataList;
typedef QList<DataList> DataTable;

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

QT_CHARTS_BEGIN_NAMESPACE
class QChartView;
class QChart;
QT_CHARTS_END_NAMESPACE


QT_CHARTS_USE_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

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

private Q_SLOTS:

    void on_themeComboBox_currentIndexChanged(int index); // 主题改变
    void on_animatedComboBox_currentIndexChanged(int index); // 动画改变
    void on_legendComboBox_currentIndexChanged(int index); // 注释说明位置改变
    void on_antialiasCheckBox_stateChanged(int arg1); // 是否抗锯齿抗锯齿

private:
    DataTable generateRandomData(int listCount, int valueMax, int valueCount) const;// 生成图表数据
    void populateThemeBox(); // 初始化主题列表
    void populateAnimationBox(); // 初始化动画列表
    void populateLegendBox(); // 初始化注释说明位置列表
    QChart *createAreaChart() const; // 创建面积图
    QChart *createBarChart(int valueCount) const; // 创建柱状图
    QChart *createPieChart() const; // 创建圆饼图
    QChart *createLineChart() const; // 创建折线图
    QChart *createSplineChart() const; // 创建曲线图
    QChart *createScatterChart() const; // 创建分散图


private:
    int mListCount; // 数据数量
    int mValueMax; // 随机生成数据的最大值
    int mValueCount;
    QList<QChartView *> mCharts; // 图表集合列表
    DataTable mDataTable; // 随机数据

    Ui::Widget *ui;
};
#endif // WIDGET_H

 

实现文件

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

#include <QChartView>
#include <QRandomGenerator>
#include <QLineSeries>
#include <QAreaSeries>
#include <QValueAxis>
#include <QStackedBarSeries>
#include <QBarSet>
#include <QPieSeries>
#include <QSplineSeries>
#include <QScatterSeries>
#include <QDebug>
#include <QComboBox>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    ,mListCount(3)
    ,mValueMax(10)
    ,mValueCount(7)
    ,mDataTable(generateRandomData(mListCount, mValueMax, mValueCount))
    ,ui(new Ui::Widget)
{
    ui->setupUi(this);
    populateThemeBox();
    populateAnimationBox();
    populateLegendBox();

    QChartView *chartView;
    chartView = new QChartView(createAreaChart());
    ui->gridLayout->addWidget(chartView, 1, 0);
    mCharts << chartView;

    chartView = new QChartView(createPieChart());
    // QSizePolicy: 描述水平和垂直调整大小策略的布局属性, Ignored 部件将获得尽可能多的空间
    chartView->setSizePolicy(QSizePolicy::Ignored, QSizePolicy::Ignored);
    ui->gridLayout->addWidget(chartView, 1, 1);
    mCharts << chartView;

    chartView = new QChartView(createLineChart());
    ui->gridLayout->addWidget(chartView, 1, 2);
    mCharts << chartView;

    chartView = new QChartView(createBarChart(mValueCount));
    ui->gridLayout->addWidget(chartView, 2, 0);
    mCharts << chartView;

    chartView = new QChartView(createSplineChart());
    ui->gridLayout->addWidget(chartView, 2, 1);
    mCharts << chartView;

    chartView = new QChartView(createScatterChart());
    ui->gridLayout->addWidget(chartView, 2, 2);
    mCharts << chartView;

    ui->antialiasCheckBox->setChecked(true);

    // 调色板
    QPalette pal = qApp->palette();
    pal.setColor(QPalette::Window, QRgb(0xf0f0f0)); // 背景色
    pal.setColor(QPalette::WindowText, QRgb(0x404044)); // 前景色
    qApp->setPalette(pal);


    connect(ui->themeComboBox, SIGNAL(QComboBox::currentIndexChanged), this, SLOT(on_themeComboBox_currentIndexChanged));
    connect(ui->animatedComboBox, SIGNAL(QComboBox::currentIndexChanged), this, SLOT(on_animatedComboBox_currentIndexChanged));
    connect(ui->legendComboBox, SIGNAL(QComboBox::currentIndexChanged), this, SLOT(on_legendComboBox_currentIndexChanged));
    connect(ui->antialiasCheckBox, SIGNAL(QCheckBox::stateChanged), this, SLOT(on_antialiasCheckBox_stateChanged));
    //updateUI();
}

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

DataTable Widget::generateRandomData(int listCount, int valueMax, int valueCount) const
{
    // QPair<QPointF, QString> Data;
    // QList<Data> DataList;
    // QList<DataList> DataTable;
    DataTable dataTable;
    for (int i = 0; i < listCount; i++) {
        DataList dataList;
        qreal yValue(0);
        for (int j = 0; j < valueCount; j++) {
            yValue = yValue + QRandomGenerator::global()->bounded(valueMax / (qreal)valueCount);
            QPointF value((j + QRandomGenerator::global()->generateDouble()) * ((qreal)mValueMax / (qreal)valueCount), yValue);
            QString label = "Slice " + QString::number(i) + ":" + QString::number(j);
            dataList << Data(value, label);
        }
        dataTable << dataList;
    }
    return dataTable;
}

void Widget::populateThemeBox()
{
    ui->themeComboBox->addItem("Light", QChart::ChartThemeLight);
    ui->themeComboBox->addItem("Blue Cerulean", QChart::ChartThemeBlueCerulean);
    ui->themeComboBox->addItem("Dark", QChart::ChartThemeDark);
    ui->themeComboBox->addItem("Brown Sand", QChart::ChartThemeBrownSand);
    ui->themeComboBox->addItem("Blue NCS", QChart::ChartThemeBlueNcs);
    ui->themeComboBox->addItem("High Contrast", QChart::ChartThemeHighContrast);
    ui->themeComboBox->addItem("Blue Icy", QChart::ChartThemeBlueIcy);
    ui->themeComboBox->addItem("Qt", QChart::ChartThemeQt);
}

void Widget::populateAnimationBox()
{
    ui->animatedComboBox->addItem("No Animations", QChart::NoAnimation);
    ui->animatedComboBox->addItem("GridAxis Animations", QChart::GridAxisAnimations);
    ui->animatedComboBox->addItem("Series Animations", QChart::SeriesAnimations);
    ui->animatedComboBox->addItem("ALl Animations", QChart::AllAnimations);
}

void Widget::populateLegendBox()
{
    ui->legendComboBox->addItem("No Legend", 0);
    ui->legendComboBox->addItem("Legend Top", Qt::AlignTop);
    ui->legendComboBox->addItem("Legend Bottom", Qt::AlignBottom);
    ui->legendComboBox->addItem("Legend Left", Qt::AlignLeft);
    ui->legendComboBox->addItem("Legend Right", Qt::AlignRight);
}

/**
 * 面积图表
 * @brief Widget::createAreaChart
 * @return
 */
QChart *Widget::createAreaChart() const
{
    QChart *chart = new QChart();
    chart->setTitle("Area chart");

    QLineSeries *lowerSeries = 0;
    QString name("Series ");
    int nameIndex = 0;
    for (int i(0); i < mDataTable.count(); i++) {
        QLineSeries *upperSeries = new QLineSeries(chart);
        for (int j(0); j < mDataTable[i].count(); j++) {
            Data data = mDataTable[i].at(j);
            if (lowerSeries) {
                // QPointF表示一个平面上整数精度的点坐标，可以通过x(),y()等函数方便的进行存取操作
                const QVector<QPointF> &points = lowerSeries->pointsVector();
                upperSeries->append(QPointF(j, points[i].y() + data.first.y()));
            } else {
                upperSeries->append(QPointF(j, data.first.y()));
            }
        }
        QAreaSeries *area = new QAreaSeries(upperSeries, lowerSeries);
        area->setName(name + QString::number(nameIndex));
        nameIndex++;
        chart->addSeries(area);
        lowerSeries = upperSeries;
    }

    chart->createDefaultAxes();
    chart->axes(Qt::Horizontal).first()->setRange(0, mValueCount - 1);
    chart->axes(Qt::Vertical).first()->setRange(0, mValueMax);
    QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first());
    Q_ASSERT(axisY);
    axisY->setLabelFormat("%.1f ");
    return chart;
}

QChart *Widget::createBarChart(int valueCount) const
{
    Q_UNUSED(valueCount);
    QChart *chart = new QChart();
    chart->setTitle("Bar chart");

    QStackedBarSeries *series = new QStackedBarSeries(chart);
    for (int i(0); i < mDataTable.count(); i++) {
        QBarSet *set = new QBarSet("Bar set " + QString::number(i));
        for (const Data &data : mDataTable[i]) {
            *set << data.first.y();
        }
        series->append(set);
    }
    chart->addSeries(series);

    chart->createDefaultAxes();
    chart->axes(Qt::Vertical).first()->setRange(0, mValueMax * 2);
    QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first());
    Q_ASSERT(axisY);
    axisY->setLabelFormat("%.1f ");

    return chart;
}

QChart *Widget::createLineChart() const
{
    QChart *chart = new QChart();
    chart->setTitle("Line chart");

    QString name("Series ");
    int nameIndex = 0;
    for (const DataList &list : mDataTable) {
        QLineSeries *series = new QLineSeries(chart);
        for (const Data &data : list) {
            series->append(data.first);
        }
        series->setName(name + QString::number(nameIndex));
        nameIndex++;
        chart->addSeries(series);
    }

    chart->createDefaultAxes();
    chart->axes(Qt::Horizontal).first()->setRange(0, mValueMax);
    chart->axes(Qt::Vertical).first()->setRange(0, mValueCount);
    QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first());
    Q_ASSERT(axisY);
    axisY->setLabelFormat("%.1f ");

    return chart;
}

QChart *Widget::createPieChart() const
{
    QChart *chart = new QChart();
    chart->setTitle("Pie chart");

    QPieSeries *series = new QPieSeries(chart);
    for (const Data &data : mDataTable[0]) {
        QPieSlice *slice = series->append(data.second, data.first.y());
        if (data == mDataTable[0].first()) {
            slice->setLabelVisible();
            slice->setExploded();
            slice->setExplodeDistanceFactor(0.5);
        }
    }
    series->setPieSize(0.4);
    chart->addSeries(series);

    return chart;
}

QChart *Widget::createSplineChart() const
{
    QChart *chart = new QChart();
    chart->setTitle("Spline chart");
    QString name("Series ");
    int nameIndex = 0;
    for (const DataList &list : mDataTable) {
        QSplineSeries *series = new QSplineSeries(chart);
        for (const Data &data : list) {
            series->append(data.first);
        }
        series->setName(name + QString::number(nameIndex));
        nameIndex++;
        chart->addSeries(series);
    }

    chart->createDefaultAxes();
    chart->axes(Qt::Horizontal).first()->setRange(0, mValueMax);
    chart->axes(Qt::Vertical).first()->setRange(0, mValueCount);
    QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first());
    Q_ASSERT(axisY);
    axisY->setLabelFormat("%0.1f" );

    return chart;
}

QChart *Widget::createScatterChart() const
{
    QChart *chart = new QChart();
    chart->setTitle("Scatter chart");

    QString name("Series ");
    int nameIndex = 0;
    for (const DataList &list : mDataTable) {
        QScatterSeries *series = new QScatterSeries(chart);
        for (const Data &data : list) {
            series->append(data.first);
        }
        series->setName(name + QString::number(nameIndex));
        nameIndex++;
        chart->addSeries(series);
    }

    chart->createDefaultAxes();
    chart->axes(Qt::Horizontal).first()->setRange(0, mValueMax);
    chart->axes(Qt::Vertical).first()->setRange(0, mValueCount);
    QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first());
    Q_ASSERT(axisY);
    axisY->setLabelFormat("%0.1f" );

    return chart;
}

void Widget::on_themeComboBox_currentIndexChanged(int index)
{
    QChart::ChartTheme theme = static_cast<QChart::ChartTheme>(ui->themeComboBox->itemData(index).toInt());


    const auto charts = mCharts;
    if (!mCharts.isEmpty() && mCharts.at(0)->chart()->theme() != theme) {
        for (QChartView *chartView : charts) {
            chartView->chart()->setTheme(theme);
        }

        QPalette pal = window()->palette();
        if (theme == QChart::ChartThemeLight) {
            pal.setColor(QPalette::Window, QRgb(0xf0f0f0));
            pal.setColor(QPalette::WindowText, QRgb(0x404044));
        } else if (theme == QChart::ChartThemeDark) {
            pal.setColor(QPalette::Window, QRgb(0x121218));
            pal.setColor(QPalette::WindowText, QRgb(0xd6d6d6));
        } else if (theme == QChart::ChartThemeBlueCerulean) {
            pal.setColor(QPalette::Window, QRgb(0x40434a));
            pal.setColor(QPalette::WindowText, QRgb(0xd6d6d6));
        } else if (theme == QChart::ChartThemeBrownSand) {
            pal.setColor(QPalette::Window, QRgb(0x9e8965));
            pal.setColor(QPalette::WindowText, QRgb(0x404044));
        } else if (theme == QChart::ChartThemeBlueNcs) {
            pal.setColor(QPalette::Window, QRgb(0x018bba));
            pal.setColor(QPalette::WindowText, QRgb(0x404044));
        } else if (theme == QChart::ChartThemeHighContrast) {
            pal.setColor(QPalette::Window, QRgb(0xffab03));
            pal.setColor(QPalette::WindowText, QRgb(0x181818));
        } else if (theme == QChart::ChartThemeBlueIcy) {
            pal.setColor(QPalette::Window, QRgb(0xcee7f0));
            pal.setColor(QPalette::WindowText, QRgb(0x404044));
        } else {
            pal.setColor(QPalette::Window, QRgb(0xf0f0f0));
            pal.setColor(QPalette::WindowText, QRgb(0x404044));
        }
        window()->setPalette(pal);
    }
}

void Widget::on_animatedComboBox_currentIndexChanged(int index)
{
    const auto charts = mCharts;
    QChart::AnimationOptions options(ui->animatedComboBox->itemData(index).toInt());
    if (!mCharts.isEmpty() && mCharts.at(0)->chart()->animationOptions() != options) {
        for (QChartView *chartView : charts) {
            chartView->chart()->setAnimationOptions(options);
        }
    }
}

void Widget::on_legendComboBox_currentIndexChanged(int index)
{
    const auto charts = mCharts;
    Qt::Alignment alignment(ui->legendComboBox->itemData(ui->legendComboBox->currentIndex()).toInt());
    if (!alignment) {
        for (QChartView *chartView : charts) {
            chartView->chart()->legend()->hide();
        }
    } else {
        for (QChartView *chartView : charts) {
            chartView->chart()->legend()->setAlignment(alignment);
            chartView->chart()->legend()->show();
        }
    }
}

void Widget::on_antialiasCheckBox_stateChanged(int arg1)
{
    const auto charts = mCharts;

    bool checked = ui->antialiasCheckBox->isChecked();
    for (QChartView *chart : charts) {
        chart->setRenderHint(QPainter::Antialiasing, checked);
    }
}

最终效果

 

Qt Charts - 让数据可视化更简单
青春不老，奋斗不止！
01-19 3万+
Qt Charts 模块提供了一套易于使用的图表组件，例如：柱状图、面积图、箱形图、饼图、线性图、曲线图、散点图。由于其采用了 Qt Graphics View 框架，因此图表可以很容易地被集成到现代的用户界面。
Qt的图表库
枫影竹韵的博客
08-25 3352
简述 如果要开发一个 Qt 应用程序（C++ 或 QML），包含绘图和数据可视化，需要插入一些图表，例如：饼图、条形图或更复杂的，有什么可选的图表库呢？一起来看看。 简述 Qt Charts KD Chart QWT QCustomPlot QtiPlot 更多参考 版权所有：一去丶二三里，转载请注明出处：http://blog.csdn.net/liang19890820 Qt Charts 来自：Qt 官方提供 基于：Qt Graphics View 框架
Qt实现图表绘制
weixin_70293633的博客
09-05 2134
来来来，今天新学习到了一个好东西，就是图表的绘制，这玩意在一般的项目开发中的使用频率还是非常高滴，毕竟相对于数字来说，这个东西更能体现出数据的变化，主要是耐看啊！！！废话不多，我们直接上教程。
QT 使用图表
Lushengshi的博客
08-22 1245
图表中，一般都有 X、Y 坐标轴，复杂一些的还带有 Z 轴。对应到 Qt 的图表也有 X、Y 轴对象。但是 今天，我们先不展开介绍。如果我们不创建轴坐标对应的对象，可以使用 Qt 的默认轴对象。后面我们会介绍用 法。不论是曲线、饼图、棒图还是其他图表，其中展示的内容本质都是数据。一条曲线是一组数据，一个饼图也 对应一组数据。在 Qt Charts 中，这些一组组的数据被称作系列。对应不同类型的图表 Qt 提供了不同的系列。
Qt绘制各种图表
weixin_38241876的博客
11-13 527
【代码】Qt绘制各种图表。
Qt图表操作(QCustomPlot 与 QtCharts的介绍与使用)
linyibin_123的博客
01-16 6660
QCustomPlot和QCharts介绍与比较，同时使用QCustomPlot绘制动态曲线图和柱状图，使用QCharts绘制饼状图，提供源代码和工程下载。
qt平台示例项目 图表创建
08-24
这个示例项目着重展示了如何利用Qt库来构建六种不同的图表，包括但不限于柱状图、饼图、线图等，这些图表在数据分析、可视化和用户界面设计中都非常常见。 首先，我们要了解Qt中的QChart模块。这是Qt Widgets或Qt ...
qt面积图表示例代码.zip
04-11
在Qt库中，面积图（Area Chart）是一种用于可视...此示例代码中的`areachart`文件可能包含了实现这些功能的具体C++代码，可以作为学习和参考的实例。通过深入研究和实践，你将能更好地理解和掌握Qt中的面积图绘制技术。
Qt示例解析 【图表应用三】交互
qq_40041064的博客
08-12 678
目的：了解Qt图表中可以做到哪些交互，方便我们做出高大上的项目 示例一【chartinteractions】 展示lineSeries上的点可以进行拖动，从而达到手动修改折线图表的目的 实现方式：重写QChart类 和 QChartView类 在main.cpp中关联QLineSeries中的Press信号和槽函数（chart类中的clickpoint） 在chart中实现clickpoint槽函数，函数会根据press的位置匹配最近的点。 在chartview中重写鼠标的点击，移动和释放事件
Qt图表例子
05-30
【Qt图表例子】是一个关于在Qt环境中使用图表的示例项目，主要...通过这个示例，你可以学习到Qt Chart的基本用法，以及如何根据需求定制图表的样式和交互性。如果你需要进行数据可视化，这个项目将是一个很好的起点。
Qt示例程序源码.rar_QT5_Qt 程序 源码_qt源码_源码 QT
09-23
在本资源中，我们关注的是Qt5.8的示例程序源码，这对于学习和理解Qt框架的功能和用法非常有帮助。Qt是一个跨平台的应用程序开发框架，它使用C++语言，支持Windows、Linux、macOS等多种操作系统。Qt5是Qt的一个主要...
基于QT的图表功能实现
11-03
基于QT的图表功能实现
Qt - QTChart绘制图表
热门推荐
Hsy的博客
09-26 1万+
主要介绍QT Chart ，包括该组件的主要构成；常见的一些属性设置及交互，动态图表的实现，如何解决卡顿问题。
Qt应用开发(拓展篇)——示波器/图表 QCustomPlot
波塞冬的博客
08-23 3141
是一个用于绘图和数据可视化的Qt C++小部件。它没有进一步的依赖关系，提供友好的文档帮助。这个绘图库专注于制作好看的，出版质量的2D绘图，图形和图表，以及为实时可视化应用程序提供高性能。QCustomPlot可以导出各种格式，如矢量化的PDF文件和光栅化的图像，如PNG, JPG和BMP。QCustomPlot是用于在应用程序中显示实时数据以及为其他媒体生成高质量图的解决方案。
Qt之QChart各个图表的简单使用（含源码+注释）
lw的博客
07-24 1万+
QChart各个图表的创建 ui中添加/移除动态属性操作 按钮组的使用（按钮组链接槽函数） 信号槽链接
QT(图表)
最新发布
weixin_58038211的博客
10-26 450
模块提供了直观的图表绘制接口，支持创建各种常见的图表类型，如柱状图、折线图、饼图等。QChart主要应用于数据可视化，使得用户可以快速展示和分析数据。
Qt应用开发(拓展篇)——图表 QChart
波塞冬的博客
05-05 3293
QChart是一个图形库模块，它可以实现不同类型的序列和其他图表相关对象(如图例和轴)的图形表示。要在布局中简单地显示图表，可以使用QChartView来代替QChart。此外，线条、样条、面积和散点序列可以通过使用类表示为极坐标图。下面是一些简单数据的图标样式，区域图表、柱状图表、折线图表、饼状图表等。而得到的极坐标图以圆形图形表示数据，其中数据的放置基于与图形中心(极点)的角度和距离。但实际项目中上，我们用的最多的就是折线和柱状图表，做一些波形显示和能量统计。
qt图表的绘制
轩宇的博客
04-20 2077
参考《Qt 5.9c++开发指南》 Qt Charts模块是一组易于使用的图表组件，它基于Qt的Graphics View架构，其核心组件是QChartView和QChart。 QChart QChart类管理图表系列、图例和轴的图形表示，而一个QChart一般包括序列、坐标轴、图例、图表标题等部分 QChartView QChartView可以显示图标的一个独立的小部件，其中包含的函数很少。主要有以下几种： void setChart(QChart *chart)，设置一个QChart对象作为显示
Qt波形图表实现简易教程与示例
资源摘要信息:"Qt波形图表是一个基于Qt框架实现的简单示例程序，其功能是展示波形数据。该程序能够将数据以图表的形式直观地呈现出来，便于用户观察和分析波形的变化。在编程领域，波形图表广泛应用于数据可视化，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值