qt入门（7）：在界面子窗口中画折线图

目录

Qchart模块

1 使用Qchart在子窗口中画图
2 参考资料
3 代码

Qcustomplot模块

1 用Qcustomplot模块在子窗口中画图
2 参考资料
3 代码

Qchart模块

该部分可参考下面的博主
https://blog.csdn.net/baizy77/article/details/84107786

参考该资料，总结流程如下：

1 准备工作

需要在安装qt时带上了charts，否则后面工作无法开展。

对于编译方式安装的Qt，需要注意在configure时不要跳过charts。

对于安装包方式安装的Qt，需要注意在安装时，确保charts组件被选中。

2 修改pro文件

在pro中，使用如下语句包含charts库：

QT+=charts

3 提升widget控件为QChartView

在绘制ui窗体时，从designer的工具箱中选择一个“Widget”类型的控件,将objectName设置为"widget"，然后在它上面单击鼠标右键，选择“提升为”。

在弹出的界面中，填写"提升的类名称"为: QChartView，头文件名称会自动生成，我们不用关心。

然后单击“添加”按钮即可。

如果在提升界面的上半部分已经有我们需要的类"QChartView"，那么只需要选中它，然后单击"提升"按钮即可。

4 修改界面头文件（关键！）

在界面的头文件中，我们需要编写下面两行代码：

#include <QtCharts>

QT_CHARTS_USE_NAMESPACE

#include "ui_xxxxx.h"

请注意，两行加粗的代码必须写在#include "ui_xxxxx.h"的前面，因为"ui_xxxxx.h"头文件也需要用到这里的宏定义。（关键！）

这两句代码的作用是包含QChart所需的一批头文件，并声明QTChats的命名空间。

5 构建图表、构建系列

QChart* chart = new QChart();

这行代码很简单，我们构建一个QChart对象。

QLineSeries *series = new QLineSeries();

for (quint32 i = 0; i < 100; i++) {
   

    series->append(i, sin(0.6f*i));

}

上面的代码构建了一个折线系列对象，并且对它进行初始化。方法是调用append()接口，传递的参数x、y对用的是一组坐标数据。就是折线上的一个点。

然后，我们将系列添加到图表，并创建默认的坐标轴。

chart->addSeries(series);

chart->createDefaultAxes(); // 基于已添加到图表的 series 来创建默认的坐标轴

6 将图表绑定到视图

widget->setChart(chart);       

widget是前面第3步中我们提升的控件对象。

7 创建窗体并运行。

int main(int argc, char * argv[])

{
   

    QApplication app(argc, argv);

    CDialog dlg(NULL);

    dlg.exec();

    return 0;

}

代码

RailWayMeasure.pro

#-------------------------------------------------
#
# Project created by QtCreator 2019-12-20T09:41:39
#
#-------------------------------------------------

QT       += core gui
QT+=charts