Qt —— QChart以时间为x轴绘制曲线（附代码）

已于 2025-03-27 18:25:31 修改
阅读量6.6k 收藏 45
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Qt 文章标签： Qt QChart
于 2021-11-29 16:23:35 首次发布
automoblie0
本文链接：https://blog.youkuaiyun.com/automoblie0/article/details/121612799
本文展示了如何使用Qt的QChart组件，以当前时间加10秒作为x轴，显示角度信息为y轴，创建并展示两条曲线，并添加动画效果。通过在曲线对象上append数据后调用QChartView::repaint实现动态更新。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

🔔 Qt 相关技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中…）

 

效果

     绘制两条曲线，加入对应的图例。

     x轴为当前时间加了10秒（显示为分钟:秒），y轴显示角度信息。

     曲线显示加入了动画效果（一行代码）。后期需要动态更新曲线则使用曲线对象append曲线数据后调用QChartView::repaint即可。

 
在这里插入图片描述
 
 

代码
#include <QWidget>
了解本专栏 订阅专栏 解锁全文 超级会员免费看
QT——Qchart实时动态曲线绘制
qq_50532267的博客
10-22 1万+
以下绘制以时间为横坐标，以随机数为纵坐标的实时动态曲线，此例子是每隔1s更新曲线。
QChart之x轴，时间轴时间转换
qq_2529138662的博客
12-19 925
Qt之QChart时间轴设置时间类型
Qt库中QCharts模块的动态曲线绘制技巧
最新发布
weixin_42309599的博客
05-12 393
在现代软件开发中，数据可视化是核心组成部分之一，Qt框架作为一款强大的跨平台应用程序开发工具，它不仅提供了丰富的界面元素，还内置了专门用于数据图表展示的QCharts模块。QCharts是Qt Charts库的一部分，它允许开发者轻松创建各种统计图表，如曲线图、柱状图、饼图等，通过直观的图表形式展示数据，从而帮助用户更好地分析和理解信息。QCharts模块设计以简单易用为主旨，它提供了丰富的图表类型和配置选项，适用于从简单数据可视化到复杂数据集分析的场景。
QtChart x坐标轴是时间坐标
tajon1226的专栏
08-28 6889
#pragma execution_character_set("utf-8") #pragma once #include <QWidget> #include <QtCharts> #include "ui_QtChartTimeAxis.h" #include <QDateTime> #include <QDateTimeAxis> class QtChartTimeAxis : public QWidget { Q_OBJECT public.
QtChartTimeAxis-时间轴与动态绘制
gitblog_09779的博客
09-06 382
QtChartTimeAxis-时间轴与动态绘制 去发现同类优质开源项目:https://gitcode.com/ 概述 此仓库是一个基于Visual Studio 2017社区版和Qt 5.11.2的项目示例，专门展示了如何使用QtCharts库结合定时器技术来实现在图表中高效地绘制与时间（时、分、秒）紧密关联的数据。本项目重点演示了双Y轴的功能，非常适合那些需要在应用程序中集成实时数据分析展示...
C++与Qt实现QChart设置时间轴随数据实时更新
07-12
Qt5.8与VS2013实现QChart数据随时间刷新，并实时刷新X轴时间范围
【嵌入式Qt开发入门】如何使用Qt进行绘制实时图表——QChart 图表
cj_lsk的博客
07-06 4084
要想使用 Qt Charts，我们的 Qt 版本得使用 Qt 5.7 之后的版本。其实 Qt Charts 并不是 Qt 5.7 才有的，是在 Qt 5.7 以前只有商业版本的 Qt 才有 Qt Charts。我们能免费下载的 Qt 版本都是社区（开源）版本。Qt Charts 很方便的绘制我们常见的曲线图、折线图、柱状图和饼状图等图表。不用自己花精力去了解第三方组件的使用了或者开发第三方组件。Qt 的帮助文档里已经有说明 Qt Charts 主要部件的使用方法。
QT开发——Qchart实现的折线图
2303_78730505的博客
03-01 2174
这份用QChart制作的简易折线图能够实现：X轴左端不动与随动、三条数据的实时显示。
QtCharts时间坐标轴，利用定时器动态绘制图
草大哥
12-05 1万+
QtCharts 时间坐标轴以及利用定时器动态绘制图形
pb dropdownlistbox 代码设置日期_实战PyQt5: 152-QChart图表之日期时间坐标轴
weixin_39708557的博客
12-20 366
在统计图表中，使用时间作为某一坐标轴的情况非常常见，比如，常见的一年间月度销售统计，财务统计等等。在QChart中提供了日期时间坐标轴QDateTimeAxis类可以方便地将日期和时间添加到图表的坐标轴。QDateTimeAxisQDateTimeAxis类将日期和时间添加到图表的坐标轴。可以将QDateTimeAxis设置为显示带有刻度线，网格线和阴影的坐标轴样式。可以通过设置适当的DateTi...
QChart以时间为x轴绘制曲线（源码）
11-29
具体查看博文，https://blog.youkuaiyun.com/automoblie0/article/details/121612799?spm=1001.2014.3001.5501
源码：Qt上位机(温度曲线图，txt文件记录温度值及对应时间)
05-14
单片机中通过串口每10秒printf 1个温度值，波特率115200。先连上串口，然后打开Qt上位机，上位机中com号自动获取，默认波特率115200，点击“打开串口”，在线程中自动绘制温度曲线，10更新一次，温度曲线自动往左移动。自动保存温度值及对应时间到txt文件中。可对记录文件清空操作，当必须在点击“打开串口“才可生效。
Qt绘制时间轴demo
06-18
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽 注:该版本存在bug，新版本见:https://download.youkuaiyun.com/download/qq_25884511/11256550
QT绘制实时动态曲线
04-13
用QT编写实时动态曲线资料，可以作入门资料看一下
QChart设置折线曲线图表关联日期轴(x轴日期关联y轴值)
周杰伦
03-23 2947
界面效果: 代码: void MainWindow::initChartSpline() { m_mainLayout = new QGridLayout(); ui->widget_dataTransChart->setLayout(m_mainLayout); QString sCurDate = ui->label_curTime_day->text(); QDate dCurrDate = QDate::fromString(sC.
Qt绘制实时曲线图形简单例程 - Qt实时绘图
热门推荐
逸璞丷昊
06-22 5万+
       本来是想写一篇上位机通过串口接收数据并进行简单实时动态画图的，但是网上关于Qt串口接收数据的博客已经非常多了，且也会导致内容太多，显得复杂，如果需要串口收发数据例程，网上随便百度就能收到了，也可以下载我写的北斗/GPS双模定位上位机，这里主要介绍一下收到数据后的画图实现。        使用Qt绘制图形，首先需要了解Qt的窗口与视口的概念，理解Qt的坐标变换，然后学会掌握Qpaint...
实战PyQt5: 152-QChart图表之日期时间坐标轴
seniorwizard的专栏
07-05 6043
在统计图表中，使用时间作为某一坐标轴的情况非常常见，比如，常见的一年间月度销售统计，财务统计等等。在QChart中提供了日期时间坐标轴QDateTimeAxis类可以方便地将日期和时间添加到图表的坐标轴。...
QT与ECharts交互，绘制曲线图,X轴显示日期时间
吃多到肚子无法对折
10-29 1455
我使用的是QWebengineView,在pro文件内添加： QT += webenginewidgets 然后在设计窗口添加一个widget控件提升为QWebengineView： .cpp 代码如下： #include "mainwindow.h" #include "ui_mainwindow.h" #include <QDebug> #include <QJsonArray> #include <QJsonDocument> #include &.
QT plot绘制曲线
03-28
### 如何使用 QT 进行 Plot 绘制曲线 在 Qt 中，可以借助多种库实现绘制曲线的功能。以下是基于 `Qwt` 库和 `QtCharts` 的两种常用方式。 #### 方法一：使用 Qwt 实现动态曲线绘制 Qwt 是一个强大的第三方库，用于扩展 Qt 的绘图能力。下面是一个完整的示例代码： ```cpp #include <qapplication.h> #include <qwt_plot.h> #include <qwt_plot_curve.h> #include <qwt_plot_grid.h> #include <qtimer.h> int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建绘图窗口 QwtPlot plot; plot.setTitle("Dynamic Curve Example"); plot.setAxisTitle(QwtPlot::xBottom, "Time (s)"); plot.setAxisTitle(QwtPlot::yLeft, "Value"); // 添加网格 QwtPlotGrid *grid = new QwtPlotGrid(); grid->attach(&plot); // 定义数据容器 QVector<double> xData(0), yData(0); // 创建曲线对象并附加到绘图区域 QwtPlotCurve *curve = new QwtPlotCurve("Sample Curve"); curve->setSamples(xData, yData); curve->attach(&plot); // 显示初始状态 plot.resize(800, 600); plot.show(); // 设置定时器更新数据 QTimer timer; QObject::connect(&timer, &QTimer::timeout, [&]() { static double time = 0.0; const double value = qSin(time); // 示例数据源 // 更新数据 xData.append(time); yData.append(value); if (xData.size() > 100) { // 控制最大点数 xData.removeFirst(); yData.removeFirst(); } // 刷新曲线 curve->setSamples(xData, yData); plot.replot(); time += 0.1; // 时间步长 }); // 启动定时器 timer.start(100); return app.exec(); } ``` 上述代码展示了如何通过 `QwtPlot` 和 `QwtPlotCurve` 来实现实时动态曲线的绘制[^3]。 --- #### 方法二：使用 QtCharts 绘制静态或动态曲线 Qt 提供了一个官方支持的模块——QtCharts，它能够轻松完成各种类型的图表绘制。下面是使用 `QtCharts` 的简单例子： ```cpp #include <QtWidgets/QApplication> #include <QtCharts/QChartView> #include <QtCharts/QSplineSeries> #include <QtCharts/QValueAxis> using namespace QtCharts; int main(int argc, char *argv[]) { QApplication a(argc, argv); // 创建样条系列 QSplineSeries *series = new QSplineSeries(); series->setName("Sample Series"); // 添加一些测试数据 for (double i = 0; i < 10; ++i) { series->append(i, qSin(i)); } // 创建坐标轴 QValueAxis *axisX = new QValueAxis(); axisX->setTitleText("X Axis"); axisX->setLabelFormat("%.1f"); axisX->setRange(0, 10); QValueAxis *axisY = new QValueAxis(); axisY->setTitleText("Y Axis"); axisY->setLabelFormat("%.2f"); axisY->setRange(-1, 1); // 创建图表并绑定序列和坐标轴 QChart *chart = new QChart(); chart->addSeries(series); chart->createDefaultAxes(); chart->setAxisX(axisX, series); chart->setAxisY(axisY, series); chart->legend()->hide(); // 隐藏图例 // 创建 ChartView 并显示 QChartView view(chart); view.setRenderHint(QPainter::Antialiasing); view.resize(800, 600); view.setWindowTitle("Static Sine Wave with QtCharts"); view.show(); return a.exec(); } ``` 此代码片段演示了如何利用 `QtCharts` 模块中的 `QSplineSeries` 和自定义坐标轴来绘制一条正弦波形曲线[^4]。 --- #### 总结 以上分别介绍了基于 `Qwt` 和 `QtCharts` 的两种不同方案来实现 Qt 曲线绘制功能。如果项目需要更灵活、高效的解决方案，则推荐选用 `Qwt`；而如果是快速开发场景下希望减少依赖复杂度，则可优先考虑内置的 `QtCharts` 模块。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

信必诺

嗨，支持下哥们呗。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值