Qt图表绘制(QtCharts)-绘制简单的极坐标图[雷达图](11)🕜
更多精彩内容 |
---|
👉个人内容分类汇总 👈 |
注意:我使用的QtCharts是基于Qt 5.12.12版本 |
1、概述🌏
Qt Charts 模块提供了一组易于使用的图表组件,能够创建时尚、交互式、以数据为中心的用户界面。
它使用
Qt Graphics View
框架,因此可以轻松地将图表集成到现代用户界面中。Qt Charts 可以用作 QWidgets、QGraphicsWidget 或 QML 类型。 用户可以通过选择图表主题之一轻松创建令人印象深刻的图表。
这一个Demo干了啥:🤏🤏🤏
- 在
initChart()
函数中演示了如何使用QtCharts绘制简单的的极坐标图;- 在这个Demo中不同于Qt自带的Demo有两种坐标系转换功能、按键控制缩放、转动功能,多个数据集绘制,在这个Demo中只是用最简单的方式演示了任何创建一个极坐标图并绘制散点,没有其它功能**(其它功能后续会单独出)**;
- 在源码中包含使用的详细注释和注意事项 ;
- 将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、主要使用的类🧭
类名 | 作用 |
---|---|
QScatterSeries | 创建一个用于散点图的数据集对象 |
QPolarChart | 极坐标系图表 |
4、主要代码⌛
- 在
widget
构造函数中引用initChart()
;
/**
* @brief 初始化绘制图表
*/
void Widget::initChart()
{
QScatterSeries* series = new QScatterSeries(); // 创建一个散点绘图数据集对象
const qreal angularMax = 100; // 最大角度
series->setName("散点");
for(int i = 0; i < angularMax; i += 10)
{
series->append(i, i + 100); // 向series中添加数据,X:角度 Y:到圆心距离
}
QPolarChart* chart = new QPolarChart(); // 创建一个极坐标系图表
chart->legend()->setVisible(false); // 隐藏图例
chart->addSeries(series); // 将创建的series添加进图表中
chart->createDefaultAxes(); // 根据已有的series生成默认的坐标轴
ui->chartView->setChart(chart);
}
5、实现效果⏰
6、源代码🌟
🌞🌞🌞🌞🌞🌞🌞🌞🌞🌞