在柱状图添加标签_Qt Charts中百分比柱状图的绘制

最新推荐文章于 2024-03-22 13:35:31 发布
最新推荐文章于 2024-03-22 13:35:31 发布
阅读量901 收藏
点赞数
文章标签： 在柱状图添加标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39880632/article/details/112706528
版权

点击上方“Qt学视觉”，选择“星标”公众号重磅干货，第一时间送达

共同学习共同进步

1、百分比柱状图的绘制

     绘制百分比柱状图的界面如下图所示。图中有数学、语文、英语3个数据集，3个数据集 的数据来源是按分数统计的结果，3个数据集叠加显示，显示效果类似于叠加柱状图，但是每个 柱子的3个数据的和是相同的，等于学生总人数，所以，所有的柱子是等髙度的。显示标签时， 显示的是每段所占的百分比。 

230f080fac210dd2c6675ad1a7a783f1.png

    iniPercentBar()用于图表的初始化，buildPercentBarO函数用于根据统计数据绘制百分比柱状图，其代码如下：

void QGuiCharts::iniPercentBar(){
        //百分比柱状图初始化    QChart* chart = new QChart();    chart->setTitle("PercentBar 演示");    chart->setAnimationOptions(QChart::SeriesAnimations);    ui.chartViewPercentBar->setChart(chart);    ui.chartViewPercentBar->setRenderHint(QPainter::Antialiasing
最低0.47元/天 解锁文章
weixin_39880632
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QCharts - 7.示例-百分比柱状图
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
04-07 370
一.示例 二.源码 //![1] QBarSet *set0 = new QBarSet("Jane"); QBarSet *set1 = new QBarSet("John"); QBarSet *set2 = new QBarSet("Axel"); QBarSet *set3 = new QBarSet("Mary"); QBarSet *set4 = new QBarSet("Samantha"); *set0 << 1 &lt
pyqt5示例_实战PyQt5:142-数据可视化之QChart百分比柱状图
weixin_39865952的博客
12-04 1320
百分比柱状图将数据集中显示为每个类别在所有数据集中的百分比。创建百分比条形图类似于创建常规条形图，不同之处在于，对于百分比条形图，使用QPercentBarSeries而不是QBarSeries。在百分比柱状图的Y轴上，无需设置取值范围，因为Y轴的取值始终是0-100。注：在所有的有关柱状图的示例中，使用了相同的数据，这样可以说明不同柱状图之间的差异。QPercentBarSeriesQPerce...
【嵌入式——QT】Charts常见的图表的绘制
最新发布
weixin_39723539的博客
03-22 1151
嵌入式-QT-Charts常见的图表的绘制
QT QChart坐标轴添加标签、汉字、字母等
热门推荐
王飞的博客
02-12 1万+
QT QChart坐标轴添加标签、汉字、字母等 QCchart坐标轴添加信息的方法如下: 运用QCategoryAxis类重新编辑坐标轴。 具体实现方法在连接中 https://doc.qt.io/qt-5/qcategoryaxis.html#QCategoryAxis ...
实战PyQt5: 145-QChart图表之水平百分比柱状图
seniorwizard的专栏
07-04 616
百分比柱状图将数据集中显示为每个类别在所有数据集中的百分比。创建百分比条形图类似于创建常规条形图，不同之处在于，对于百分比条形图，使用 QHorizontalPercentBarSeries而不是QPercentBarBarSeries。在百分比柱状图的X轴上，无需设置取值范围，因为X轴的取值始终是0-100。...
QT5 柱状图，百分比柱状图，横向百分比柱状图
yky189的博客
10-17 3923
** series->setLabelsVisible(true);//设置数据是否可见 ** QT的官方柱状图，如下图 QtCharts画图表必须要的两样东西QChartView，QChart相当于画布画笔，就不多说了。无论画什么图主要差别在于画笔里面的东西。 然后需要一根一根的柱子QBarSet，再把一根一根的柱子加到柱子的列当中QBarSeries，那么柱状图机画好了，可是没有x...
Qt4中学习使用QtCharts绘图四：绘制柱状图
08-08
Qt4中学习使用QtCharts绘图四：绘制柱状图
Qt4中学习使用QtCharts绘图五：绘制折线图
05-01
1、Qt4中学习使用QtCharts绘图五：绘制折线图 2、实例带源码工程
Qt开发之QtCharts柱形图绘制
03-23
Qt开发之QtCharts柱形图绘制
QtCharts绘制曲线图
03-16
QtCharts绘制曲线图；Qt绘图
Qt4中学习使用QtCharts绘图二：声波绘制
07-11
在Qt4.8.6下，学习使用QtCharts进行绘图的实例教程资源，抛砖引玉仅供参考。作者在Visual Studio210开发工具编写的实例，有二进制编译程序，也有提供了完整的实例源码，同时也有QtCharts在4.8.6下的32位开发库
qpieseries显示百分比_qtchart学习
weixin_34542623的博客
01-17 464
Qter.orgQGraphicsView->QChartViewQGraphicsWidget->QChart->QPolarChartQAbstractSeries->QAreaSeriesQAbstractSeries->QAbstractSeries->QBarSeries：柱状图QAbstractSeries->QAbstractSeries-&...
qpieseries显示百分比_Qt Charts基本组成-阿里云开发者社区
weixin_35399893的博客
01-17 628
简述Qt Charts API 构建在 Qt Graphics View 框架之上，可以使用 QChart 类将图表显示为 QGraphicsWidget。但还有一个方便的类 - QChartView，可以作为一个独立的窗口，可以更方便的构建图表，不需要与 QGraphicsScene 一起使用。所有的图表类型均由 QAbstractSeries 派生类表示。要创建图表，必须使用相关 series...
Qt数据可视化(QHorizontalStackedBarSeries水平百分比柱状图)
啊渊的专栏
05-18 1016
使用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 坐标设
QML Charts 往图表上添加 文字
你学习了吗？咋办，先想法子忽悠成“砖家”呗
08-13 2341
内容： 给所有点都加上标签（XYseries 自带) 给指定的个别点添加任何需要显示的内容 1、给所有点都添加标签 效果如下图 ChartView { anchor.fill: parent ValueAxis { id:axisX max:10 min:0 tickCount: 10 } ValueAxis { id: axisY max: 10 min...
Qt中创建柱状图
ppss177的博客
05-22 4627
Qt中创建柱状图 1.必要设置 .pro文件 QT += charts 头文件 #include <QtCharts> QT_CHARTS_USE_NAMESPACE namespace Ui { class MainWindow; } 2.设置数据 存储数据到QTableView中 void MainWindow::iniData() { QStringList headerList; headerList<<"姓名"<<"语文"<<"数
QChart各种图表样例汇总说明
danshiming的博客
11-05 827
QChart支持的各种图汇总说明
实战PyQt5: 150-QChart图表之如何使用图例标记
seniorwizard的专栏
07-05 1765
QLegendMarker类是一个抽象对象，可用于访问图例中的标记。图例标记由图标和标签组成。图标颜色对应于用于绘制系列的颜色，标签显示系列的名称（或饼图系列的切片标签或柱状系列的条形标签）。图例标记始终与一个系列，切片或柱状系列集相关。...
QChart添加自定义标签坐标轴
qq_39851127的博客
04-10 823
【代码】QChart添加自定义标签坐标轴。
用qt画一个柱状图 不使用qtcharts
05-20
好的，以下是一个用Qt绘制柱状图的示例代码： ```cpp #include <QApplication> #include <QWidget> #include <QPainter> class BarChart : public QWidget { public: BarChart(QWidget *parent = nullptr) : QWidget(parent) { setFixedSize(400, 300); } protected: void paintEvent(QPaintEvent *) override { QPainter painter(this); const int margin = 30; const int barWidth = (width() - 2 * margin) / m_values.size() - 10; const int maxValue = *std::max_element(m_values.begin(), m_values.end()); const int maxHeight = height() - 2 * margin; painter.setPen(Qt::black); painter.drawLine(margin, margin, margin, height() - margin); // y-axis painter.drawLine(margin, height() - margin, width() - margin, height() - margin); // x-axis for (int i = 0; i < m_values.size(); ++i) { int barHeight = static_cast<int>(m_values[i] * maxHeight / maxValue); int x = margin + i * (barWidth + 10); int y = height() - margin - barHeight; QRect rect(x, y, barWidth, barHeight); painter.fillRect(rect, Qt::blue); painter.drawRect(rect); } } public: void setValues(const std::vector<int>& values) { m_values = values; update(); } private: std::vector<int> m_values; }; int main(int argc, char *argv[]) { QApplication a(argc, argv); BarChart chart; chart.setValues({ 10, 20, 30, 40, 50 }); chart.show(); return a.exec(); } ``` 在示例代码中，我们继承了QWidget类，并重写了paintEvent函数进行绘图。我们使用QPainter类来绘制柱状图。在paintEvent函数中，我们首先绘制了x轴和y轴。然后，我们根据数据值绘制柱状图。为了让柱状图看起来更好，我们给每个柱子留出了一定的空白。最后，我们通过调用update函数来刷新界面，使柱状图显示出来。 你可以根据需要修改该示例代码以满足你的需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值