QChart 多线程实现动态波形图表

Qt5.9.6 不能使用前置声明QLineSeries,需要在头文件中包含#include <QtCharts>,否则报错,应该是因为QLineSeries 在命名空间导致的

# mainwindow.cpp
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    series = new QLineSeries(this);
    //开启openGL
    series->setUseOpenGL(true);
    chart = new QChart();
    //添加线条
    chart->addSeries(series);
    //自动缩放
    chart->createDefaultAxes();
    //设置范围
    chart->axisY()->setRange(-10, 10);
    chart->axisX()->setRange(0, maxSize);
    //设置轴上字体
    chart->axisX()->setTitleText("Time/sec");
    chart->axisY()->setTitleText("Speed/m");
    //栅格不可见
    chart->axisX()->setGridLineVisible(false);
    chart->axisY()->setGridLineVisible(false);
    //隐藏图例
    chart->legend()->hide();
    //添加chart 入view
    ui->chartView->setChart(chart);
    //反走样
    ui->chartView->setRenderHint(QPainter::Antialiasing);

    work = new Work();
    QThread *thread = new QThread();
    work->moveToThread(thread);
    thread->start();
    connect(work, &Work::sendSeries, this, &MainWindow::slotUpdate);
    work->startInit();
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::slotUpdate(QList<QPointF> data)
{
    series->replace(data);
}

# work.cpp
Work::Work(QObject *parent) : QObject(parent)
{    
    qRegisterMetaType<QList<QPointF>>("QList<QPointF>");
    connect(this, &Work::startInit, this, &Work::slotStartInit);
}

void Work::slotStartInit()
{
    timer = new QTimer(this);
    connect(timer, &QTimer::timeout, this, &Work::processData);
    //开始定时器,定时刷新数据
    timer->start(5);
}

void Work::processData()
{
    //添加最新的数据到最后面
    data.append(QPointF(count , 10 * sin(M_PI * count * 4 / 180)));
    //删除第一个数据,以保证数据个数不会超出最大范围
    if (data.size() >= maxSize) {
        data.removeFirst();
    }
    QList<QPointF> _data;
    //将数据向x轴左移
    for(int loop = 0; loop < data.count(); loop++) {
        _data.append(QPointF(loop, data.at(loop).y()));
    }

    count++;
    //发送处理后的数据出去
    emit sendSeries(_data);
}

源文件地址

后期需求改动,功能增加,需要滚轮缩放波形,鼠标点击拖动曲线,下面是工程地址:
新工程地址

  • 4
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 在Qt使用QChart类实现横向柱状图可以通过以下步骤: 1. 创建一个Qt应用程序,并在项目文件包含QChart和QChartView的头文件声明。 2. 创建一个QWidget或QMainWindow的派生类作为主窗口。 3. 在主窗口类创建一个QChart对象,并设置图的标题、X轴和Y轴标签。 4. 创建一个QBarSeries对象,并将其添加到图。 5. 创建一个QBarSet对象,并设置其名称和值。 6. 将QBarSet对象添加到QBarSeries对象。 7. 创建一个QBarCategoryAxis对象,并将其设置为图的Y轴。 8. 创建一个QValueAxis对象,并将其设置为图的X轴。 9. 将QBarSeries对象添加到图。 10. 创建一个QChartView对象,并将其设置为主窗口类的心窗口部件。 11. 在主窗口类的构造函数,设置图视图的大小和主窗口类的布局。 12. 在主窗口类的析构函数,释放QChart对象和QChartView对象。 示例代码如下: ```cpp #include <QtWidgets> #include <QtCharts> QT_CHARTS_USE_NAMESPACE class MainWindow : public QMainWindow { public: MainWindow(QWidget *parent = nullptr) : QMainWindow(parent) { // 创建QChart对象 QChart *chart = new QChart(); chart->setTitle("Horizontal Bar Chart"); chart->legend()->hide(); // 创建QBarSeries对象 QBarSeries *series = new QBarSeries(); // 创建QBarSet对象 QBarSet *barSet = new QBarSet("Values"); *barSet << 1 << 2 << 3 << 4 << 5; // 将QBarSet对象添加到QBarSeries对象 series->append(barSet); // 创建QBarCategoryAxis对象 QBarCategoryAxis *axisY = new QBarCategoryAxis(); chart->addAxis(axisY, Qt::AlignLeft); series->attachAxis(axisY); // 创建QValueAxis对象 QValueAxis *axisX = new QValueAxis(); chart->addAxis(axisX, Qt::AlignBottom); series->attachAxis(axisX); // 将QBarSeries对象添加到QChart对象 chart->addSeries(series); // 创建QChartView对象 QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); setCentralWidget(chartView); } ~MainWindow() { delete chart; delete chartView; } private: QChart *chart; QChartView *chartView; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); MainWindow window; window.resize(800, 600); window.show(); return app.exec(); } ``` 以上是使用Qt的QChart类实现横向柱状图的简单示例。可以根据实际需求对图进行修改和扩展。 ### 回答2: Qt的QChart类是Qt Charts模块的核心类,用于绘制各种类型的图,包括横向柱状图。 要实现横向柱状图,首先需要创建一个QChart对象,并设置其标题和刻度。然后,创建一个QBarSet对象,示各个柱状图的数据集。可以通过QBarSet::append()方法向数据集添加数据。接下来,创建一个QBarSeries对象,并将数据集添加到系列。然后,创建一个QChartView对象,并将系列添加到图。 代码示例: ```cpp // 创建数据集并添加数据 QBarSet *barSet = new QBarSet("柱状图数据集"); barSet->append(10); barSet->append(20); barSet->append(30); barSet->append(40); // 创建柱状图数据系列 QBarSeries *barSeries = new QBarSeries(); barSeries->append(barSet); // 创建图并设置属性 QChart *chart = new QChart(); chart->addSeries(barSeries); chart->setTitle("横向柱状图"); chart->setAnimationOptions(QChart::SeriesAnimations); // 设置坐标轴和刻度 QCategoryAxis *axisY = new QCategoryAxis(); chart->addAxis(axisY, Qt::AlignLeft); barSeries->attachAxis(axisY); QValueAxis *axisX = new QValueAxis(); chart->addAxis(axisX, Qt::AlignBottom); barSeries->attachAxis(axisX); // 创建图视图并显示 QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); chartView->show(); ``` 这样就可以在Qt应用程序实现一个简单的横向柱状图了。根据需求,可以进一步添加颜色、标签、图例等属性来定制图的样式。 ### 回答3: 要实现Qt的QChart横向柱状图,首先我们需要引入QChart和QBarSet类。 QChart类是用于展示和管理图的主要类,而QBarSet类则用于示一个柱状图的数据集。 首先,我们需要创建一个QBarSet对象,并设置其名称和值。例如: QBarSet *set = new QBarSet("数据集"); *set << 20 << 40 << 60 << 80; 接下来,我们将创建一个QBarSeries对象,并将QBarSet对象添加到该系列。例如: QBarSeries *series = new QBarSeries(); series->append(set); 然后,我们创建一个QChart对象,并将该系列添加到图。例如: QChart *chart = new QChart(); chart->addSeries(series); 接着,我们创建一个QValueAxis对象,用于示横轴的数值范围。例如: QValueAxis *axisY = new QValueAxis(); axisY->setRange(0, 100); chart->addAxis(axisY, Qt::AlignLeft); 然后,将该轴添加到图,并将系列与该轴绑定。例如: series->attachAxis(axisY); 最后,我们创建一个QChartView对象,用于显示图,并设置一些显示选项,例如: QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); 最后,我们可以将该QChartView对象添加到Qt的窗口或布局,以显示横向柱状图。 以上是实现Qt的QChart横向柱状图的基本步骤,通过设置不同的数据集、轴范围和显示选项,我们可以根据实际需要来定制柱状图的外观和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值