Qt图表绘制（QtCharts）-绘制简单的折线图（5） 原创
Qt图表绘制（QtCharts）-绘制简单的折线图（5）🚴
| 更多精彩内容 |
|---|
| 👉个人内容分类汇总 👈 |
| 注意：我使用的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、主要使用的类🏃♀️
| 类名 | 作用 |
|---|---|
| QLineSeries | 用于创建一条折线图 |
4、主要代码🤸
- 在
widget.cpp的构造函数中调用initChart()函数；
/**
* @brief 初始化绘制图表
*/
void Widget::initChart()
{
QLineSeries* series = new QLineSeries(); // 创建一个折线图series
series->setName("线段名称");
#if 1
// 添加数据方法1
series->append(0, 5);
series->append(1, 4);
series->append(3, 8);
// 添加数据方法2
*series << QPointF(4, 10) << QPointF(5, 2) << QPointF(6, 5);
#else
// 添加数据方法3，一次更新所有数据，速度比较快
QList<QPointF> points;
for(int i = 0; i < 20; i++)
{
points.append(QPointF(i, i %5));
}
series->replace(points);
#endif
QChart* chart = ui->chartView->chart(); // 获取QchartView内置的chart
chart->addSeries(series); // 将创建好的折线图series添加进chart中
chart->createDefaultAxes(); // 基于已添加到图表中的series为图表创建轴。以前添加到图表中的任何轴都将被删除。
chart->setTitle("折线图图表标题"); // 设置标题
ui->chartView->setRenderHint(QPainter::Antialiasing); // 设置抗锯齿
}
5、实现效果🤾♂️
6、源代码🛀
😮💨😮💨😮💨😮💨😮💨😮💨😮💨😮💨
