Qt数据可视化(QHorizontalStackedBarSeries水平百分比柱状图)

最新推荐文章于 2023-10-24 19:00:00 发布
最新推荐文章于 2023-10-24 19:00:00 发布
阅读量1k 收藏 4
点赞数
分类专栏： QT小王子 文章标签： qt QCharts 数据可视化 c++ 水平百分比柱状图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arv002/article/details/124769262
版权

使用Qt实现水平百分比柱状图显示的demo。

对于每一个横坐标都是100%，其中每个颜色占用该横坐标上的百分比，来进行展示。

 

开发配置

所有的QChart开发环境配置都差不多。

1. charts开发环境安装

sudo apt install libqt5charts5-dev

2. 头文件中需要添加QT_CHARTS_USE_NAMESPACE

QT_CHARTS_USE_NAMESPACE

3. 在项目中添加charts

QT += core gui charts

坐标设置

横坐标（X坐标）QValueAxis *m_ptrAxisX：表示值。

纵坐标（Y坐标）QBarCategoryAxis *m_ptrAxisY：表示分类。

初始化坐标如下代码：

m_ptrAxisY->append(tr("一月"));
m_ptrAxisY->append(tr("二月"));
m_ptrAxisY->append(tr("三月"));
m_ptrAxisY->append(tr("四月"));
m_ptrAxisY->append(tr("五月"));
m_ptrAx
了解本专栏 订阅专栏 解锁全文 超级会员免费看
三雷科技
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Qt中使用Qwt库绘制柱状图的经典例子
07-16
此例子详细解释了在Qt中怎么使用Qt的第三方会图库qwt进行绘图，此处给出了绘制柱状图的例子，另外附带于代码的还有使用说明。对学习Qwt库极有帮助。
C++ Qt开发：Charts绘制各类图表详解
CSDN
12-25 7155
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`TreeWidget`与`QCharts`的常用方法及灵活运用。 在之前的文章中笔者介绍了如何使用`QCharts`模块来绘制简单的折线图并对通用API接口进行了概括，本章我们通过在`TreeWidget`组件中提取数据，并依次实现柱状图、饼状图、堆叠图、百分比图、散点图等。
Qt编写自定义控件15-百分比仪表盘
chengye5264的博客
05-02 309
前言 百分比仪表盘，主要的应用场景是展示销售完成率、产品合格率等，也可以作为一个进度百分比展示，可以独立设置对应的标题文字，标题文字的颜色和整体的颜色都可以单独设置，建议设置成统一的风格，这样会显得更加美观，贴一张星空图作为背景就更美观，本控件也是作为大屏UI界面的一个子控件，用来展示产品的合...
QChart学习汇总（11）——水平百分比图QHorizontalPercentBarSeries
m0_51668269的博客
12-26 335
QT统计图qt折线图y轴显示百分比
weixin_39910452的博客
12-30 755
StatisticDia::StatisticDia(QWidget *parent) QWidget(parent) { ui.setupUi(this); QLineSeries *series = new QLineSeries(); series->setPointLabelsVisible(true); series->setPointLabelsColor(QColor(255, 0, 255)); series->setPointLabelsFormat("(@xPoi..
QT5 柱状图，百分比柱状图，横向百分比柱状图
yky189的博客
10-17 3874
** series->setLabelsVisible(true);//设置数据是否可见 ** QT的官方柱状图，如下图 QtCharts画图表必须要的两样东西QChartView，QChart相当于画布画笔，就不多说了。无论画什么图主要差别在于画笔里面的东西。 然后需要一根一根的柱子QBarSet，再把一根一根的柱子加到柱子的列当中QBarSeries，那么柱状图机画好了，可是没有x...
实战PyQt5: 144-QChart图表之水平柱状图
seniorwizard的专栏
07-04 1251
QBarSeries创建的垂直方向绘制的柱状图。创建在水平方向绘制的柱状图则需要使用类QHorizontalBarSeries来实现。二者的各种原理是一样的，只是后者在水平方向绘制。
QChart空心折线图，双坐标轴显示不同参数
amxld的博客
02-22 1779
QChart空心折线图，双坐标轴显示不同参数界面显示说明附带代码 界面显示 说明 过几天再详细讲解，这段时间有些忙hhh 附带代码 #ifndef FORM_SCATTER_H #define FORM_SCATTER_H #include <QWidget> #include <QLabel> #include <QCategoryAxis> #include <qchartview.h> #include <QLineSeries> #in
Qt数据可视化大屏电子看板
12-29
QT可视化大屏看板，已经编译成功，可以直接运行
自定义封装Qt柱状图类，实现数据动态更新和鼠标数值显示
12-15
自定义封装Qt柱状图类，提供简单数据更新等接口实现柱状图对象的创建、销毁、数据更新和清空等功能，实现数据动态更新和柱状图上鼠标悬停数值显示。
C++实现毕业设计大作业基于Qt的疫情实时数据可视化显示项目源码.zip
06-13
C++实现毕业设计大作业基于Qt的疫情实时数据可视化显示项目源码 ，完美代码注释，难度适中，新手也可实操。 主要包括新型冠状病毒肺炎疫情数据实时查看，确诊/疑似/治愈/死亡数据趋势折线图，各省市和海外数据树形...
Qt数据可视化多种实现
最新发布
05-07
s 气泡图 s 面积图 s 雷达图 s 玫瑰图 s 3D图表
QT可视化教程及实例
03-05
本文档详细介绍了QT的ui功能，由浅入深，条理清晰，并展现了基于界面设计器和基于代码的两种界面实现的方法。文档附有小球碰撞游戏及简单绘图系统两个开发实例及源代码，便于读者更深地学习理解。
实战PyQt5: 145-QChart图表之水平百分比柱状图
seniorwizard的专栏
07-04 612
百分比柱状图将数据集中显示为每个类别在所有数据集中的百分比。创建百分比条形图类似于创建常规条形图，不同之处在于，对于百分比条形图，使用 QHorizontalPercentBarSeries而不是QPercentBarBarSeries。在百分比柱状图的X轴上，无需设置取值范围，因为X轴的取值始终是0-100。...
在柱状图添加标签_Qt Charts中百分比柱状图的绘制
weixin_39880632的博客
01-13 895
点击上方“Qt学视觉”，选择“星标”公众号重磅干货，第一时间送达共同学习共同进步1、百分比柱状图的绘制 绘制百分比柱状图的界面如下图所示。图中有数学、语文、英语3个数据集，3个数据集 的数据来源是按分数统计的结果，3个数据集叠加显示，显示效果类似于叠加柱状图，但是每个 柱子的3个数据的和是相同的，等于学生总人数，所以，所有的柱子是等髙度的。显示标签时， 显示的是每段所占的百分比。...
数据可视化工具（QHorizontalBarSeries水平柱状图）
啊渊的专栏
05-10 739
水平柱状图和柱状图一样，在横纵轴设置不一样。 QBarCategoryAxis *m_ptrAxisY; QValueAxis *m_ptrAxisX; 刚好是柱状图相反的，其他地方几乎一样。可以参照 https://arv000.blog.csdn.net/article/details/124604104 初始化数据 条形图在所有的条形图中都以同样的方式使用。为了说明不同柱状图之间的区别，我们在所有例子中使用相同的数据。条形图可视化的数据，由 qbarset 实例定义。在这里我们创建集.
PyQt5 QtChart-柱状图
SongYuLong
12-15 1434
【代码】PyQt5 QtChart-柱状图。
QtCharts 柱状图
u011186532的专栏
10-24 722
本文主要介绍Qt柱状图的简单用法。以及改造为多组柱状图、单组多彩柱状图。
qt的qchat横向柱状图实现
07-02
### 回答1： 在Qt中使用QChart类实现横向柱状图可以通过以下步骤： 1. 创建一个Qt应用程序，并在项目文件中包含QChart和QChartView的头文件声明。 2. 创建一个QWidget或QMainWindow的派生类作为主窗口。 3. 在主窗口类中创建一个QChart对象，并设置图表的标题、X轴和Y轴标签。 4. 创建一个QBarSeries对象，并将其添加到图表中。 5. 创建一个QBarSet对象，并设置其名称和值。 6. 将QBarSet对象添加到QBarSeries对象中。 7. 创建一个QBarCategoryAxis对象，并将其设置为图表的Y轴。 8. 创建一个QValueAxis对象，并将其设置为图表的X轴。 9. 将QBarSeries对象添加到图表中。 10. 创建一个QChartView对象，并将其设置为主窗口类的中心窗口部件。 11. 在主窗口类的构造函数中，设置图表视图的大小和主窗口类的布局。 12. 在主窗口类的析构函数中，释放QChart对象和QChartView对象。 示例代码如下： ```cpp #include <QtWidgets> #include <QtCharts> QT_CHARTS_USE_NAMESPACE class MainWindow : public QMainWindow { public: MainWindow(QWidget *parent = nullptr) : QMainWindow(parent) { // 创建QChart对象 QChart *chart = new QChart(); chart->setTitle("Horizontal Bar Chart"); chart->legend()->hide(); // 创建QBarSeries对象 QBarSeries *series = new QBarSeries(); // 创建QBarSet对象 QBarSet *barSet = new QBarSet("Values"); *barSet << 1 << 2 << 3 << 4 << 5; // 将QBarSet对象添加到QBarSeries对象 series->append(barSet); // 创建QBarCategoryAxis对象 QBarCategoryAxis *axisY = new QBarCategoryAxis(); chart->addAxis(axisY, Qt::AlignLeft); series->attachAxis(axisY); // 创建QValueAxis对象 QValueAxis *axisX = new QValueAxis(); chart->addAxis(axisX, Qt::AlignBottom); series->attachAxis(axisX); // 将QBarSeries对象添加到QChart对象 chart->addSeries(series); // 创建QChartView对象 QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); setCentralWidget(chartView); } ~MainWindow() { delete chart; delete chartView; } private: QChart *chart; QChartView *chartView; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); MainWindow window; window.resize(800, 600); window.show(); return app.exec(); } ``` 以上是使用Qt的QChart类实现横向柱状图的简单示例。可以根据实际需求对图表进行修改和扩展。 ### 回答2： Qt的QChart类是Qt Charts模块中的核心类，用于绘制各种类型的图表，包括横向柱状图。 要实现横向柱状图，首先需要创建一个QChart对象，并设置其标题和刻度。然后，创建一个QBarSet对象，表示各个柱状图的数据集。可以通过QBarSet::append()方法向数据集添加数据。接下来，创建一个QBarSeries对象，并将数据集添加到系列中。然后，创建一个QChartView对象，并将系列添加到图表中。 代码示例： ```cpp // 创建数据集并添加数据 QBarSet *barSet = new QBarSet("柱状图数据集"); barSet->append(10); barSet->append(20); barSet->append(30); barSet->append(40); // 创建柱状图数据系列 QBarSeries *barSeries = new QBarSeries(); barSeries->append(barSet); // 创建图表并设置属性 QChart *chart = new QChart(); chart->addSeries(barSeries); chart->setTitle("横向柱状图"); chart->setAnimationOptions(QChart::SeriesAnimations); // 设置坐标轴和刻度 QCategoryAxis *axisY = new QCategoryAxis(); chart->addAxis(axisY, Qt::AlignLeft); barSeries->attachAxis(axisY); QValueAxis *axisX = new QValueAxis(); chart->addAxis(axisX, Qt::AlignBottom); barSeries->attachAxis(axisX); // 创建图表视图并显示 QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); chartView->show(); ``` 这样就可以在Qt应用程序中实现一个简单的横向柱状图了。根据需求，可以进一步添加颜色、标签、图例等属性来定制图表的样式。 ### 回答3： 要实现Qt的QChart横向柱状图，首先我们需要引入QChart和QBarSet类。 QChart类是用于展示和管理图表的主要类，而QBarSet类则用于表示一个柱状图的数据集。 首先，我们需要创建一个QBarSet对象，并设置其名称和值。例如： QBarSet *set = new QBarSet("数据集"); *set << 20 << 40 << 60 << 80; 接下来，我们将创建一个QBarSeries对象，并将QBarSet对象添加到该系列中。例如： QBarSeries *series = new QBarSeries(); series->append(set); 然后，我们创建一个QChart对象，并将该系列添加到图表中。例如： QChart *chart = new QChart(); chart->addSeries(series); 接着，我们创建一个QValueAxis对象，用于表示横轴的数值范围。例如： QValueAxis *axisY = new QValueAxis(); axisY->setRange(0, 100); chart->addAxis(axisY, Qt::AlignLeft); 然后，将该轴添加到图表中，并将系列与该轴绑定。例如： series->attachAxis(axisY); 最后，我们创建一个QChartView对象，用于显示图表，并设置一些显示选项，例如： QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); 最后，我们可以将该QChartView对象添加到Qt的窗口或布局中，以显示横向柱状图。 以上是实现Qt的QChart横向柱状图的基本步骤，通过设置不同的数据集、轴范围和显示选项，我们可以根据实际需要来定制柱状图的外观和功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三雷科技

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值