Qt图表绘制(QtCharts)-绘制简单的样条曲线图(6) 原创

Qt图表绘制(QtCharts)-绘制简单的样条曲线图(6)🍇

更多精彩内容
👉个人内容分类汇总 👈
注意:我使用的QtCharts是基于Qt 5.12.12版本

1、概述🍈

Qt Charts 模块提供了一组易于使用的图表组件,能够创建时尚、交互式、以数据为中心的用户界面。

它使用 Qt Graphics View 框架,因此可以轻松地将图表集成到现代用户界面中。

Qt Charts 可以用作 QWidgets、QGraphicsWidget 或 QML 类型。 用户可以通过选择图表主题之一轻松创建令人印象深刻的图表。

这一个Demo干了啥:🤏🤏🤏

  • initChart()函数中演示了如何使用QtCharts绘制简单的样条曲线图
  • 在源码中包含使用的详细注释和注意事项 ;
  • 将UI和代码分离,使实现图表绘制的代码更单一简洁,便于学习。

2、实现步骤🍉

  1. 打开.pro文件,输入Qt += charts,引入Qt Charts模块;

    在这里插入图片描述

  2. 打开ui设计器,选择一个Graphics View控件,鼠标右键提升为

    在这里插入图片描述

    在这里插入图片描述

  3. 输入QChartView,点击添加、提升;

    在这里插入图片描述

  4. 在窗口右上角就可以看见控件类型变成QChartView了,然后将控件命名为chartView; 注意:由于QChartView需要引入命名空间,所以这里提升后编译时不通过的。

    在这里插入图片描述

  5. 在代码中添加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、主要使用的类

类名作用
QSplineSeries用于创建一条样条曲线

4、主要代码🍋

  • 在widget.cpp的构造函数中调用initChart()函数;
/**
 * @brief 初始化绘制曲线图
 */
void Widget::initChart()
{
    QSplineSeries* series = new QSplineSeries();   // 创建一个样条曲线对象
    series->setName("曲线");

#if 1
    // 添加数据方式1
    series->append(0, 10);
    series->append(1, 1);
    series->append(2, 4);
    series->append(3, 7);
    series->append(4, 13);
    // 添加数据方式2
    *series << QPointF(5, 3)<< QPointF(6, 6)<< QPointF(7, 13)<< QPointF(8, 5);
#else  // 添加数据方式3,一次性更新所有数据
    QList<QPointF> points;
    for(int i = 0; i < 20; i++)
    {
        points.append(QPointF(i, i %7));
    }
    series->replace(points);
#endif

    QChart* chart = ui->chartView->chart();    // 获取一个chart用于管理不同类型的series和其他图表相关对象
    chart->legend()->hide();                   // 隐藏图例
    chart->addSeries(series);                  // 添加创建好的曲线图对象
    chart->setTitle("曲线图图表标题");           // 设置标题
    chart->createDefaultAxes();                // 基于已添加到图表中的series为图表创建轴。以前添加到图表中的任何轴都将被删除。
    chart->axes(Qt::Vertical).first()->setRange(0, 20);  // 设置Y轴的范围

    ui->chartView->setRenderHint(QPainter::Antialiasing);  // 设置抗锯齿
}

5、实现效果🙉

在这里插入图片描述

6、源代码🥝

gitee
github

😮‍💨😮‍💨😮‍💨😮‍💨😮‍💨😮‍💨😮‍💨😮‍💨

posted @ 2022-05-01 22:16  mahuifa  阅读(0)  评论(0编辑  收藏  举报  来源