QT图表chart-饼状图

QT图表-饼状图

前言

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

饼状图实现效果如下:
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,如果不布局也没有做尺寸上的操作,饼状图会显示最小化,无法看到实际效果。

二、程序

QT图表chart-饼状图

#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);
}

总结

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

上一篇:C#chart控件初始化


下一篇:kubernetes系列(十七) - 通过helm安装dashboard详细教程