Qt widget显示曲线

Qt通过widget显示曲线,需要下载charts插件。然后在pro文件进行引用。

cpp 复制代码
QT += charts

一般在开始安装的时候,我们就要选择charts组件安装,否则,我们在引用的时候就会报错。

接下来我们开始画出曲线新建一个chart对象,创建QLineSeries对象

cpp 复制代码
QChart *chart = new QChart();

        // 创建一个QLineSeries对象,用于绘制线性图
    QLineSeries *series1 = new QLineSeries();
    QLineSeries *series2 = new QLineSeries();
cpp 复制代码
series1->append(QPointF(1, 2));

series添加点,

cpp 复制代码
chart->addSeries(series1);
        chart->addSeries(series2);

        series1->setName("电压曲线");
        series2->setName("电流曲线");
        chart->createDefaultAxes();
        //chart->axes(Qt::Horizontal)[0]->setRange(0, 10); // 设置X轴范围
        //chart->axes(Qt::Vertical)[0]->setRange(0, 10);   // 设置Y轴范围
        chart->setAxisX(new QValueAxis());
        chart->setAxisY(new QValueAxis());
        //chart->setAxisX(new QValueAxis(),series2);
        //chart->setAxisY(new QValueAxis(),series2);
        series1->attachAxis(chart->axes(Qt::Horizontal)[0]);
        series2->attachAxis(chart->axes(Qt::Horizontal)[0]);
        series1->attachAxis(chart->axes(Qt::Vertical)[0]);
        series2->attachAxis(chart->axes(Qt::Vertical)[0]);
        chart->axisY()->setTitleText("Y轴标签");
        chart->axisX()->setTitleText("X轴标签");
QChartView* chartView = new QChartView(chart);
        //ui->widget->layout()->removeWidget(chartView);
        chartView->setRenderHint(QPainter::Antialiasing);

        // 将QChartView设置为QWidget的子部件

        ui->widget_2->setLayout(layout);
        ui->widget_2->layout()->addWidget(chartView);

这样我们就画出曲线图了,演示界面如下:

为了实现每次点击按钮都是最新的图像,所以我们需要清空widget。

实现代码如下:

cpp 复制代码
QList<QWidget *> children = ui->widget_2->findChildren<QWidget *>();

        // 删除所有子控件
        foreach (QWidget *child, children) {
            // 不包括自己
            if (child != ui->widget_2) {
                child->deleteLater();
            }
        }

这样我们就实现了每次点击按钮,都可以实现当下的图像。

相关推荐
axban2 小时前
QT M/V架构开发实战:QFileSystemModel介绍
开发语言·qt·架构
another heaven7 小时前
【Qt VS2022调试时无法查看QString等Qt变量信息】解决方法
开发语言·qt
axban8 小时前
QT M/V架构开发实战:QStringListModel介绍
开发语言·数据库·qt
doll ~CJ9 小时前
基于QVTKOpenGLNativeWidget的三维点云可视化实现
c++·qt·软件开发·三维点云可视化
axban13 小时前
QT M/V架构开发实战:M/V架构的初步认识
开发语言·数据库·qt
大可门耳14 小时前
Qt的数据库模块介绍,Qt访问SQLite详细示例
数据库·qt·sqlite
axban15 小时前
QT M/V架构开发实战:QAbstractItemModel介绍
java·数据库·qt
草丛中的蝈蝈16 小时前
qt中给QListWidget添加上下文菜单(快捷菜单)
开发语言·qt
大可门耳20 小时前
qt调用cef的Demo,实现js与C++之间的交互细节
javascript·c++·经验分享·qt
佛珠散了一地21 小时前
【qt】通过TCP传输json,json里包含图像
qt·tcp/ip·json