QT图表-饼状图

• 前言
• 一、使用步骤
• • • • 首先在项目文件中加入：
      • 其次在头文件添加：
      • widget控件
• 二、程序
• 总结

前言

图表功能是QT做数据可视化屏幕的基础，这里我用的是QT再带的chart类来实现图表。

饼状图实现效果如下：

详细见官网https://doc.qt.io/qt-5.15/qtcharts-index.html

一、使用步骤

首先在项目文件中加入：

QT       += charts

其次在头文件添加：

#include <QtCharts>
using namespace QtCharts;

或者

#include <QtCharts>
Qt_CHARTS_USE_NAMESPACE

widget控件

在项目中添加widget控件。
有两种方法来绘制饼状图，第一种是提升widget控件为QChartView，
另一种是实例化QChartView类对象，使用widget的addwidget,将QChartView类对象添加到widget里。

QChartView *chartView = new QChartView(ui->widget);
ui->gridLayout->addWidget(chartView);

我在这里将widget布局为gridLayout，如果不布局也没有做尺寸上的操作，饼状图会显示最小化，无法看到实际效果。

二、程序

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

MainWindow::~MainWindow()
{
    delete ui;
}
//创建饼状图
void MainWindow::createpieSewies()
{
    //饼状图
    QPieSeries * my_pieSeries = new QPieSeries();
    //中间圆与大圆的比例
    my_pieSeries->setHoleSize(0.35);
    //扇形及数据
    QPieSlice *pieSlice_running = new QPieSlice();
    pieSlice_running->setValue(25);//扇形占整个圆的百分比
    pieSlice_running->setLabel("XXX");
    pieSlice_runnin->setLabelVisible();
    pieSlice_running->setColor(QColor("#4cb9cf"));
    pieSlice_running->setLabelColor(QColor("#4cb9cf"));
    pieSlice_running->setBorderColor(QColor("#4cb9cf"));
    pieSlice_running->setBorderColor(QColor());
    my_pieSeries->append(pieSlice_running);

    QPieSlice *pieSlice_noconnect = new QPieSlice();
    pieSlice_noconnect->setValue(25);
    pieSlice_noconnect->setLabel("YYY");
    pieSlice_noconnect->setColor(QColor("#53b666"));
    pieSlice_noconnect->setLabelColor(QColor("#53b666"));
    pieSlice_noconnect->setBorderColor(QColor("#53b666"));
    pieSlice_noconnect->setLabelVisible();//设置标签可见,缺省不可见
    my_pieSeries->append(pieSlice_noconnect);

    QPieSlice *pieSlice_idle = new QPieSlice();
    pieSlice_idle->setValue(50);
    pieSlice_idle->setLabel("WWW");
    pieSlice_idle->setLabelVisible();
    pieSlice_idle->setColor(QColor("#2f89cf"));
    pieSlice_idle->setLabelColor(QColor("#2f89cf"));
    pieSlice_idle->setBorderColor(QColor("#2f89cf"));
    my_pieSeries->append(pieSlice_idle);
// 图表视图
    QChart *chart = new QChart();
    chart->setTitle("FFFFF");
    chart->addSeries(my_pieSeries);
    chart->setAnimationOptions(QChart::SeriesAnimations);
    chart->legend()->setAlignment(Qt::AlignBottom);
    chart->legend()->setBackgroundVisible(false);
    chart->legend()->setFont(QFont("黑体", 8)) ; // 图例字体
    chart->setTitleBrush(QColor("#808396"));
    chart->legend()->setLabelColor(QColor("#808396"));
    QChartView *chartView = new QChartView(ui->widget);
    chartView = new QChartView(ui->widget);
    chartView->setRenderHint(QPainter::Antialiasing);
    chartView->setRenderHint(QPainter::NonCosmeticDefaultPen);
    chartView->setChart(chart);
    ui->gridLayout->addWidget(chartView);
}

总结

如有错误希望请大家指导，谢谢点赞！
希望和大家一起学习，交流！

标签：QColor,widget,QT,pieSlice,chart,ui,new,状图
来源： https://blog.csdn.net/qq_39641107/article/details/121360634