QChart绘制动态曲线图

上位机页面需要根据用户设置的转速和时间，绘制曲线图。

所以我们学习用QChart和QTimer来完成曲线图的绘制。

首先我们需要在.pro文件中引入Qchart模块

随后在.h文件中引入头文件并声明我们需要的用到的变量

注意：使用QChart模块前要声明宏 QT_CHARTS_USE_NAMESPACE 不然会报错（Qt6似乎没有这个问题）

在.ui文件中选择容器，这里我们选择Widget，然后点击提升为，添加QChartView

在.cpp中创建图表

// 创建图表
chart = new QChart();
// 创建序列并添加数据
series = new QSplineSeries();
chart->addSeries(series);

// 创建自定义坐标轴
QValueAxis *axisX = new QValueAxis;
QValueAxis *axisY = new QValueAxis;
// 设置坐标轴显示的范围
axisX->setTitleText("时间(min)");
axisX->setMin(0);
axisX->setMax(6);
axisX->setTickCount(7);
axisY->setTitleText("转速(rpm)");
axisY->setMin(0);
axisY->setMax(4900);
axisY->setTickCount(8);
chart->addAxis(axisX,Qt::AlignBottom);
chart->addAxis(axisY,Qt::AlignLeft);
// 把曲线关联到坐标轴
series->attachAxis(axisX);
series->attachAxis(axisY);
// 把chart显示到窗口
ui->chartView->setChart(chart);
ui->chartView->setRenderHint(QPainter::Antialiasing);   // 设置渲染：抗锯齿，如果不设置曲线会显得不平滑

根据自己的需求设置定时器，绘制曲线

timer = new QTimer(this);
speed = 0;
time = 0;
isStart = false;

connect(timer,&QTimer::timeout,this,[=](){
    time += 0.00833333;
    speed += 50;
    if(time > 6){
    // 当曲线上最早的点超出X轴范围时，剔除最早的点
    series->removePoints(0,1);
    // 更新X轴范围
    chart->axisX()->setMin(time - 6);
    chart->axisX()->setMax(time);
    }
    // 增加新的点到曲线末端
    series->append(time,speed);
});

最后得到下图所示曲线图，大家可以自行修改曲线数据进行尝试