Qt图表绘制(QtCharts)-绘制简单的饼图(8)🐄
更多精彩内容 |
---|
👉个人内容分类汇总 👈 |
注意:我使用的QtCharts是基于Qt 5.12.12版本 |
1、概述🐹
Qt Charts 模块提供了一组易于使用的图表组件,能够创建时尚、交互式、以数据为中心的用户界面。
它使用
Qt Graphics View
框架,因此可以轻松地将图表集成到现代用户界面中。Qt Charts 可以用作 QWidgets、QGraphicsWidget 或 QML 类型。 用户可以通过选择图表主题之一轻松创建令人印象深刻的图表。
这一个Demo干了啥:🤏🤏🤏
- 在
initChart()
函数中演示了如何使用QtCharts绘制简单的饼图;(饼图设置了孔径就是圆环图)- 在源码中包含使用的详细注释和注意事项 ;
- 将UI和代码分离,使实现图表绘制的代码更单一简洁,便于学习。
2、实现步骤🐇
-
打开
.pro
文件,输入Qt += charts
,引入Qt Charts模块; -
打开ui设计器,选择一个
Graphics View
控件,鼠标右键提升为; -
输入
QChartView
,点击添加、提升; -
在窗口右上角就可以看见控件类型变成
QChartView
了,然后将控件命名为chartView; 注意:由于QChartView需要引入命名空间,所以这里提升后编译时不通过的。 -
在代码中添加QtCharts头文件,引入命名空间;一般我们最好在
cpp文件
中添加头文件和引入命名空间,尽量避免在.h文件
中引入(这里为了方便,代码简洁直接在头文件中引入命名空间),而在cpp文件中引入命名空间需要在ui_widget.h文件前,否则编译会失败,因为在ui文件中会用到QChartView类。#include <QtCharts> // 导入QtCharts所有的头文件,也可以单独导入某一个 // 引入qchart命名空间(注意:如果是在ui中提升为QChartView, // 则QT_CHARTS_USE_NAMESPACE一定要放在#include "ui_widget.h"前面,否则编译会失败) QT_CHARTS_USE_NAMESPACE
3、主要使用的类
类名 | 作用 |
---|---|
QPieSeries | 用于创建一个圆环图(饼图) |
QPieSlice | 组成圆环(饼图)的其中一个切片 |
4、主要代码🦨
- 在widget.cpp的构造函数中调用
initChart()
函数;
/**
* @brief 初始化绘制饼图,饼图和圆环图的绘制方式基本一样,只是
* 不通过setHoleSize设置大于孔径,默认为0,就是没有孔径
*/
void Widget::initChart()
{
QPieSeries* series = new QPieSeries(); // 创建一个饼图对象(设置孔径就是圆环)
series->append("星期一", 1); // 添加饼图切片
series->append("星期二", 2);
series->append("星期三", 3);
series->append("星期四", 4);
series->append("星期五", 5);
QPieSlice* slice = series->slices().at(1); // 获取饼图中某一个切片(在绘制圆环图Demo中是通过appent函数获取,这里换一种方式)
slice->setExploded(); // 将切片分离饼图
slice->setLabelVisible(); // 显示当前切片的标签
slice->setPen(QPen(Qt::darkGreen, 2)); // 设置画笔颜色和粗细
slice->setBrush(Qt::green); // 设置切片背景色
QChart* chart = ui->chartView->chart(); // 获取QChartView中默认的QChart
chart->addSeries(series); // 将创建好的饼图对象添加进QChart
chart->setTitle("饼图标题"); // 设置图表标题
ui->chartView->setRenderHint(QPainter::Antialiasing); // 设置抗锯齿
}
5、实现效果🐋
6、源代码🦚
🐸🐸🐸🐸🐸🐸🐸🐸🐸🐸🐸🐸