QChart饼状图

简介: QChart饼状图


//Chart.h
#pragma once
#include <QtWidgets/QMainWindow>
#include "ui_Chart.h"
#include <QtCharts/QChartView>
#include <QtCharts/QPieSeries>
#include <QtCharts/QPieSlice>
#include <QVBoxLayout>
using namespace QtCharts;
class Chart : public QMainWindow
{
    Q_OBJECT
public:
    Chart(QWidget *parent = nullptr);
    ~Chart();
private:
    Ui::ChartClass ui;
  QPieSeries* pie_series;
};
//Chart.cpp
#include "Chart.h"
Chart::Chart(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
  //饼状图
  pie_series = new QPieSeries(this);
  connect(pie_series, SIGNAL(clicked(QPieSlice*)), this, SLOT(onPieSeriesClicked(QPieSlice*)));
  //定义各扇形切片的颜色
  static const QStringList list_pie_color = {
    "#F51F48","#225AE7","#F3BA0C","#808080",
  };
  //设置数据
  QList<qreal> list_data = { 239, 171, 114, 59 };
  //扇形
  for (int i = 0; i < list_pie_color.size(); i++) {
    QPieSlice* pie_slice = new QPieSlice(this);
    pie_slice->setLabelVisible(true);
    pie_slice->setValue(list_data[i]);
    pie_slice->setLabel(QString::number(list_data[i]));
    pie_slice->setColor(list_pie_color[i]);
    pie_slice->setLabelColor(list_pie_color[i]);
    pie_slice->setBorderColor(list_pie_color[i]);
    pie_series->append(pie_slice);
    //设置是否显示扇形切片的标签
    pie_series->setLabelsVisible(false);
  }
  //设置饼状图的内部空心大小为 0.5
  pie_series->setHoleSize(0.5);
  //图表视图
  QChart* chart = new QChart;
  chart->setTitle(u8"");
  //设置暗黑主题
  chart->setTheme(QChart::ChartThemeLight);
  chart->setBackgroundVisible(false);
  //标题字体
  QFont font = qApp->font();
  font.setBold(true);
  font.setPointSize(10);
  chart->setTitleFont(font);
  //加入饼图
  chart->addSeries(pie_series);
  chart->setAnimationOptions(QChart::SeriesAnimations);
  //图例
  //设置图例的位置在底部
  chart->legend()->setAlignment(Qt::AlignBottom);
  //设置图例是否可见
  chart->legend()->setVisible(false);;
  //加入绘画视图
  QChartView* chartView = new QChartView(this);
  chartView->setRenderHint(QPainter::Antialiasing);
  chartView->setChart(chart);
  chartView->setStyleSheet("background-color: transparent;");
  chartView->resize(800, 600);
  //加入布局
  QVBoxLayout* layout = new QVBoxLayout;
  layout->setContentsMargins(0, 0, 0, 0);
  layout->addWidget(chartView);
  ui.centralWidget->setLayout(layout);
  ui.centralWidget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
}
Chart::~Chart()
{}


相关文章
uCharts实现一个叠堆柱状图
uCharts实现一个叠堆柱状图
182 1
30Echarts - 柱状图(柱状图框选)
30Echarts - 柱状图(柱状图框选)
49 0
|
前端开发 索引
开饭啦!恰个3D饼图
用Three.js搞个3D饼图
|
Web App开发 XML JSON
echarts的series——折线图,饼图,柱状图,散点图的配置
echarts的series——折线图,饼图,柱状图,散点图的配置
1096 0
|
定位技术
pyecharts绘制条形图、饼图、散点图、词云图、地图等常用图形(二)
pyecharts绘制条形图、饼图、散点图、词云图、地图等常用图形
185 0
pyecharts绘制条形图、饼图、散点图、词云图、地图等常用图形(二)
|
数据可视化 数据挖掘 定位技术
pyecharts绘制条形图、饼图、散点图、词云图、地图等常用图形(一)
pyecharts绘制条形图、饼图、散点图、词云图、地图等常用图形
359 0
pyecharts绘制条形图、饼图、散点图、词云图、地图等常用图形(一)
饼状图
饼状图
105 0
饼状图
折线图
折线图
116 0
折线图
|
算法 前端开发
表示一个折线图的最少线段数
🎈每天进行一道算法题目练习,今天的题目是“表示一个折线图的最少线段数”。
145 0