• Qt 画自定义饼图统计的例子

    先给出结果图，这个例子是将各种事件分类然后统计的其比例，然后画饼图显示出来

    这个是我仿照官方给的例子，让后自己理解后，修改的，要生成饼图，需要QT的 charts 支持，安装QT 没有选择这个的，需要下载这个模块，然后在.pro文件中年添加

    QT += charts

    首先重写饼图块，让鼠标悬浮在某个饼图块时，让这个块弹出来，然后显示块的信息，这个比较简单，如下所示

    1. //头文件
    2. #include 
    3.  
    4. QT_CHARTS_USE_NAMESPACE
    5.  
    6. class CustomSlice : public QPieSlice
    7. {
    8.     Q_OBJECT
    9.  
    10. public:
    11.     CustomSlice(QString label, qreal value);
    12.  
    13. public Q_SLOTS:
    14.     void showHighlight(bool show);
    15.  
    16. };
    17.  
    18. //cpp文件
    19.  
    20. #include "customslice.h"
    21.  
    22. QT_CHARTS_USE_NAMESPACE
    24. CustomSlice::CustomSlice(QString label, qreal value)
    25.     : QPieSlice(label, value)
    26. {
    27.     connect(this, &CustomSlice::hovered, this, &CustomSlice::showHighlight);
    28. }
    29.  
    30. void CustomSlice::showHighlight(bool show)
    31. {
    32.     setLabelVisible(show);//显示标签
    33.     setExploded(show); // 弹出
    34. }

    主体代码如下，主要是初始化饼图，创建饼图，为饼图块随机上色，为饼图数据的显示做排序，只需要调用接口函数把相应的数据塞进去即可生成可视化的饼图

    statisticwindow.h

    1. #ifndef STATISTICCHARTSWINDOW_H
    2. #define STATISTICCHARTSWINDOW_H
    3.  
    4. #include 
    5. #include 
    6. #include 
    7. #include 
    8. #include 
    9. #include 
    10.  
    11. class QPushButton;
    12. class CustomSlice;
    13. QT_CHARTS_USE_NAMESPACE
    14.  
    15. class StatisticChartsWindow : public QWidget
    16. {
    17.     Q_OBJECT
    18. public:
    19.     explicit StatisticChartsWindow(QWidget *parent = nullptr);
    20.     ~StatisticChartsWindow();
    21.     //创建一个饼图1
    22.     void createPie1(QMapint> data, QString title);
    23.     //创建一个饼图2
    24.     void createPie2(QMapint> data, QString title);
    25.     // 为饼图1添加块信息
    26.     void appendSlice1(QString lable, int value);
    27.     // 为饼图2添加块信息
    28.     void appendSlice2(QString lable, int value);
    29.     // 移除所有块信息
    30.     void removeAllSlice();
    31.     // 获取随机颜色为饼图的每个块上色
    32.     Qt::GlobalColor getRandomColor();
    33.     //获取排序后的数据
    34.     QListint>> getsortListByValue(QMapint> &data);
    35.     QVBoxLayout *VBoxLayout;
    36.  
    37.     QPieSeries *series1;
    38.     QPieSeries *series2;
    39.     QChart *chart1;
    40.     QChart *chart2;
    41.     QChartView *chartView1;
    42.     QChartView *chartView2;
    43.     QPushButton *closeButton;
    44.  
    45.     QList CustomSlice1List;
    46.     QList CustomSlice2List;
    47.     QList colorList;
    48.  
    49. signals:
    50.     void closeSig();
    51.  
    52. public slots:
    53. };
    54.  
    55. #endif // STATISTICCHARTSWINDOW_H

    statisticwindow.cpp

    1. #include "statisticwindow.h"
    2. #include 
    3. #include 
    4. #include 
    5. #include 
    6. #include 
    7. #include 
    8. #include 
    9. #include 
    10. #include 
    11. #include 
    12. #include 
    13. #include "customslice.h"
    14. #include 
    15. #include "pushbutton.h"
    16.  
    17. StatisticChartsWindow::StatisticChartsWindow(QWidget *parent) : QWidget(parent)
    18. {
    19.     VBoxLayout = new QVBoxLayout(this);
    20.     series1 = new QPieSeries(this);// 饼图一
    21.     chart1 = new QChart();
    22.     chart1->setAnimationOptions(QChart::AllAnimations);
    23.     chart1->legend()->setVisible(true);
    24.     chart1->legend()->setAlignment(Qt::AlignRight);//设置标签在右侧
    25.     chartView1 = new QChartView(chart1);
    26.  
    27.     series2 = new QPieSeries(this);// 饼图一
    28.     chart2 = new QChart();
    29.     chart2->setAnimationOptions(QChart::AllAnimations);
    30.     chart2->legend()->setVisible(true);
    31.     chart2->legend()->setAlignment(Qt::AlignRight);//设置标签在右侧
    32.  
    33.     chartView2 = new QChartView(chart2);
    34.  
    35.     //底部添加关闭按钮
    36.     closeButton = new QPushButton("关闭", this);
    37.     QHBoxLayout *hlayout = new QHBoxLayout();
    38.     hlayout->addItem(new QSpacerItem(20, 20, QSizePolicy::Expanding, QSizePolicy::Minimum));
    39.     hlayout->addWidget(closeButton);
    40.     hlayout->addItem(new QSpacerItem(20, 20, QSizePolicy::Expanding, QSizePolicy::Minimum));
    41.  
    42.     //SC3C::Valwell::PushButton::initStyle(closeButton);
    43.     QPalette palette = closeButton->palette();
    44.     QColor color(19, 46, 74); // RGB红色
    45.     palette.setColor(QPalette::Button, color);
    46.     closeButton->setPalette(palette);
    47.     closeButton->setStyleSheet("color: white;");
    48.  
    49.     colorList<
    50.             <
    51.  
    52.  
    53.     chartView1->chart()->setTheme(QChart::ChartThemeBlueCerulean);
    54.     chartView2->chart()->setTheme(QChart::ChartThemeBlueCerulean);
    55.     VBoxLayout->addWidget(chartView1);
    56.     VBoxLayout->addWidget(chartView2);
    57.     VBoxLayout->addLayout(hlayout);
    58.     VBoxLayout->layout()->setSpacing(1);//底部添加关闭
    59.  
    60.     connect(closeButton, &QPushButton::clicked, [=]() {
    61.         this->hide();
    62.         emit closeSig();
    63.     });
    64.     this->setWindowFlags(this->windowFlags() | Qt::WindowCloseButtonHint);
    65.     this->setStyleSheet("background-color: rgb(19, 46, 74);");
    66. }
    67.  
    68. StatisticChartsWindow::~StatisticChartsWindow()
    69. {
    70.     if(chart1) {
    71.         delete  chart1;
    72.     }
    73.     if(chart2) {
    74.         delete  chart2;
    75.     }
    76. }
    77.  
    78. void StatisticChartsWindow::createPie1(QMapint> data, QString title)
    79. {
    80.     // 创建一个饼图系列
    81.     series1->clear();
    82.     int count=0; //计算总数
    83.     QMap<int, QList> map;
    84.  
    85.     for(auto it=data.begin(); it!=data.end(); it++) {
    86.         count += it.value();
    87.     }
    88.  
    89.     QListint>> sortList = getsortListByValue(data);// 根据条数比例排序，从大到小
    90.  
    91.     for(QMapint> map: sortList) {
    92.         QString keyLable = map.firstKey();
    93.         int num = map.value(keyLable);
    94.         double ratio = num/1.0/count*100;
    95.  
    96.         QString ratioStr = QString::number(ratio, 'f', 1);
    97.         QString lable = QString("%1,条数:%2,占比,%3%").arg(keyLable).arg(num).arg(ratioStr);
    98.         appendSlice1(lable, num); // 添加到饼图中
    99.     }
    100.     // 创建一个新的图表并添加系列
    101.     chart1->setTitle(title);
    102.     //chart1->removeAllSeries();
    103.     chart1->addSeries(series1);
    104. }
    105.  
    106. void StatisticChartsWindow::createPie2(QMapint> data, QString title)
    107. {
    108.     // 创建一个饼图系列
    109.     series2->clear();
    110.     int count=0; //计算总数
    111.     QMap<int, QList> map;
    112.  
    113.     for(auto it=data.begin(); it!=data.end(); it++) {
    114.         count += it.value();
    115.     }
    116.  
    117.     QListint>> sortList = getsortListByValue(data);
    118.  
    119.     for(QMapint> map: sortList) {
    120.         QString keyLable = map.firstKey();
    121.         int num = map.value(keyLable);
    122.         double ratio = num/1.0/count*100;
    123.  
    124.         QString ratioStr = QString::number(ratio, 'f', 1);
    125.         QString lable = QString("%1,条数:%2,占比,%3%").arg(keyLable).arg(num).arg(ratioStr);
    126.         appendSlice2(lable, num);
    127.     }
    128.     // 创建一个新的图表并添加系列
    129.     chart2->setTitle(title);
    130.     //chart2->removeAllSeries();
    131.     chart2->addSeries(series2);
    132. }
    133.  
    134. void StatisticChartsWindow::appendSlice1(QString lable, int value)
    135. {
    136.     CustomSlice *customSlice = new  CustomSlice(lable, value);
    137.     customSlice->setBrush(QBrush(getRandomColor())); //设置填充颜色
    138.     //customSlice->setPen(QPen(Qt::black)); //设置线条颜色
    139.  
    140.     CustomSlice1List.append(customSlice);
    141.     *series1 << customSlice;
    142. }
    143.  
    144. void StatisticChartsWindow::appendSlice2(QString lable, int value)
    145. {
    146.     CustomSlice *customSlice = new  CustomSlice(lable, value);
    147.     customSlice->setBrush(QBrush(getRandomColor())); //设置填充颜色
    148.     CustomSlice2List.append(customSlice);
    149.     *series2 << customSlice;}
    150.  
    151. void StatisticChartsWindow::removeAllSlice()
    152. {
    153.     for(CustomSlice* custom: CustomSlice1List) {
    154.         series1->remove(custom);
    155.     }
    156.     for(CustomSlice* custom: CustomSlice2List) {
    157.         series2->remove(custom);
    158.     }
    159.     qDeleteAll(CustomSlice1List);
    160.     qDeleteAll(CustomSlice2List);
    161.     CustomSlice1List.clear();
    162.     CustomSlice2List.clear();
    163. }
    164.  
    165. Qt::GlobalColor StatisticChartsWindow::getRandomColor()
    166. {
    167.     int randomValue = QRandomGenerator::global()->bounded(0, colorList.size()-1);
    168.     return colorList.takeAt(randomValue);
    169. }
    170.  
    171. QListint>> StatisticChartsWindow::getsortListByValue(QMapint> &data)
    172. {
    173.     QListint>> sortList;
    174.     QList<int> valueList;
    175.     for(auto it=data.begin(); it!=data.end(); it++) {
    176.         if(!valueList.contains(it.value())) {
    177.             valueList.append(it.value());
    178.         }
    179.     }
    180.     //根据值逆序排序
    181.     std::sort(valueList.begin(), valueList.end(), std::greater<int>());
    182.  
    183.     for(int value: valueList) {
    184.         for(QString key: data.keys(value)) {
    185.             QMapint> map;
    186.             map.insert(key, value);
    187.             sortList.append(map);
    188.         }
    189.     }
    190.     return sortList;
    191. }

    我的这个例子是，点击统计按钮之后，获取相应的数据，然后生成相应的饼图

    1.     QObject::connect(ui.statisticsBtn, &QPushButton::clicked, [=]() {
    2.         g_dataCache->setSystemLog(SC3C::eSystemLogType::QUERY_SYSTEMLOG, QString("成功"),"查看日志统计");
    3.         StatisticChartsWindow window;
    4.         if(StatisticWindow) {
    5.             tableView->hide();
    6.             StatisticWindow->show();
    7.             return;
    8.         }
    9.         StatisticWindow = new StatisticChartsWindow(q);
    10.         QObject::connect(StatisticWindow, &StatisticChartsWindow::closeSig, q, [=]() {
    11.             tableView->show();
    12.         });
    13.         //  标签名，  数量
    14.         QMapint> map1 = { };
    15.         QMapint> map2 = { };
    16.         int logType = ui.logType->currentData().toInt();
    17.         int eventType = ui.eventType->currentData().toInt();
    18.         QString Name = ui.operatorName->currentText();
    19.         tableModel.second->setFilterOperator("所有");
    20.         // 获取数据，map1表示饼图一需要的数据
    21.         getEventTypeStatisticHash(map1, map2);
    22.         //恢复之前显示的
    23.         tableModel.second->setFilterType(logType, eventType);
    24.         tableModel.second->setFilterOperator(Name);
    25.         //SC3C::Valwell::Widget::setBackgroundCommon2WithMargins(window);
    26.         StatisticWindow->setFixedSize(q->size());
    27.         //StatisticWindow->setStyleSheet("background-color: transparent;");
    28.         StatisticWindow->createPie1(map1, "事件类型统计");
    29.         StatisticWindow->createPie2(map2, "日志类型统计");
    30.         StatisticWindow->show();
    31.         tableView->hide();
    32.     });

    只需要把map放入创建饼图的函数即可，map中对应的是QMap<标签名，数量>，也就是饼图右侧的标签

    1.         StatisticWindow->createPie1(map1, "事件类型统计");
    2.         StatisticWindow->createPie2(map2, "日志类型统计");

    这样就可以出饼图了

  • 相关阅读:
    JVM的生命周期
    俄罗斯方块（升级版）
    五分钟了解制造业核心5大系统的联系
    【MySQL】一文带你理解索引事务及其原理
    [附源码]计算机毕业设计JAVAjsp校园自行车租售管理系统
    软件测试经典面试题【必备100道】
    Spring源码概述
    [Swift]组件化开发
    springboot手动引入jar包的方式
    Go语言开源13周年啦，看看负责人说了啥
  • 原文地址：https://blog.csdn.net/qq_44667165/article/details/133384389