ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

QT图表chart-饼状图

2021-11-16 19:59:27  阅读:209  来源: 互联网

标签:QColor widget QT pieSlice chart ui new 状图


QT图表-饼状图

前言

图表功能是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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有