Qwt、QChart、QCustomPlot使用

已于 2022-08-28 10:59:25 修改
阅读量1.2w 收藏 241
点赞数 45
分类专栏： QT 文章标签： qt Qwt QCustomPlot QChart
于 2020-11-13 00:27:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43627907/article/details/109661525
版权
QT 专栏收录该内容
114 篇文章 130 订阅
订阅专栏

Qwt、QChart、QCustomPlot使用🕐 🕜 🕙 🕥 🕚 🕦 😄 😆

更多精彩内容
👉个人内容分类汇总 👈

文章目录

效果图

  • Qwt

在这里插入图片描述

  • Qcustomplot

  • QChart

在这里插入图片描述

比较

  • 美观方面：

    • Qcustomplot≈Qchart > Qwt
    • Qcustomplot界面简洁大方；
    • Qchart界面华丽优美，其中QChart中绘制的线条处不能使用鼠标，所以在数据量大的时候会引响鼠标的缩放、移动图表操作；
    • Qwt界面老旧，在美观上不如Qcustomplot和Qchart ，并且在使用鼠标移动图表时会产生空白区域。

  • 性能方面：

    • 绘制数据性能：Qchart>Qcustomplot > Qwt

    • 绘制数据数量：Qcustomplot >Qchart> Qwt

    • 绘制1000个数据点时，qcustomplot平均耗时 13.6毫秒，Qwt平均耗时40毫秒，QChart平均耗时12.5毫秒;

      绘制10000个数据点时，qcustomplot平均耗时 21.6毫秒，Qwt平均耗时78毫秒，QChart平均耗时13.5毫秒;

      绘制100000个数据点时，qcustomplot平均耗时22.5毫秒，Qwt平均耗时524毫秒，QChart平均耗时20.7毫秒；

      绘制500000个数据点时，qcustomplot平均耗时43.3毫秒，QChart平均耗时194.25毫秒。

  • 功能方面：

    • QChart、Qwt功能比较齐全，并且可绘制图表种类多；
    • qcustomplot在图表种类上、常用功能上较少。

  • 使用方面：

    • QChart无需配置，主要在安装Qt时勾选就可以，在程序编写时上手较慢，许多功能需要重写；
    • Qwt安装配置比较复杂；
    • QCustomPlot体积小、简单易用，上手快，并且QCustomPlot只有两个源文件，可直接添加进工程，更容易直接修改源码。

Qwt

1、下载源码

在这里插入图片描述

  • 进入6.1.5后会有四个文件，前两个是Qwt源码，区别就是压缩格式，后两个为帮助文档。

在这里插入图片描述

2、将Qwt编译成共享库

  • 将下载的源码解压后使用Qt打开。

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

  • 使用Release构建项目。

    在这里插入图片描述

    在这里插入图片描述

  • 等待一段时间后就可以在qwt-6.1.5同级目录下生成build-qwt-Desktop_Qt_5_14_2_MinGW_64_bit-Release。

3、添加Qwt

  • 进入build-qwt-Desktop_Qt_5_14_2_MinGW_64_bit-Release。

    在这里插入图片描述

  • 进入lib目录，将qwt.dll、qwtd.dll复制到Qt安装目录D:\Qt\Qt5.14.2\5.14.2\mingw73_64\bin，注意之前使用的是MinGW64编译的，就将qwt.dll、qwtd.dll复制到mingw73_64(有的不是73)的bin下。

  • 将libqwt.a、libqwtd.a（使用MSVC编译的是libqwt.lib）复制到D:\Qt\Qt5.14.2\5.14.2\mingw73_64\lib目录下

    在这里插入图片描述

  • 进入build-qwt-Desktop_Qt_5_14_2_MinGW_64_bit-Release\designer\plugins\designer目录，将libqwt_designer_plugin.a和qwt_designer_plugin.dll复制到Qt安装目录 D:\Qt\Qt5.14.2\5.14.2\mingw73_64\plugins\designer下。

  • 将解压的qwt-6.1.5文件夹下的src文件夹复制到D:\Qt\Qt5.14.2\5.14.2\mingw73_64\include目录下，将src重命名为Qwt。

4、使用Qwt

  • 打开Qt，新建一个项目，使用MinGw64。

    在这里插入图片描述

  • 双击进入ui文件，选择Frame控件 –> 右键提升为QwtPlot。

    在这里插入图片描述

  • 或者右键点击UI文件 –> 用…打开 –> Qt Designer（高版本Qt直接双击打开ui文件是无法加载Qwt的）。

    在这里插入图片描述

  • 就会出现Qwt控件栏。

    在这里插入图片描述

  • 将Qwt控件拖进Winget中，然后保存，这时直接编译会报错。

    在这里插入图片描述

  • 鼠标右键点击工程名，选择添加库。

    在这里插入图片描述

    在这里插入图片描述

  • 点击库文件浏览。

    在这里插入图片描述

  • 选择之前复制的Qt安装路径D:\Qt\Qt5.14.2\5.14.2**\mingw73_64\lib**下的libqwt.a，点击下一步。

    在这里插入图片描述

  • 会在 .pro文件中生成。

    在这里插入图片描述

  • 将INCLUDEPATH和DEPENDPATH改为之前复制的Qwt文件路径，或者在添加头文件时添加#include <Qwt/qwt_*.h>。

    在这里插入图片描述

  • 然后编译运行就可以成功了。

    在这里插入图片描述

5、添加帮助文档

  • 用户指南

  • 打开Qt –> 工具 –> 选项。

    在这里插入图片描述

  • 选择帮助 –> 添加 –> 找到下载的qwt-6.1.5.qch文件 –> OK。

    在这里插入图片描述

    在这里插入图片描述

  • 通过帮助 –> 索引 就可以找到添加的Qwt文档。

    在这里插入图片描述

6、示例

  • 进入ui文件，选择Frame控件，提升为QwtPlot，重命名为m_plot，添加控件PushButton。

    在这里插入图片描述

  • MainWidget.h文件源码。

    public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

    QTimer *m_timer;                              //定时器
    QwtPlotCurve *m_curvep;                       //绘图项-曲线
    QwtPlotGrid *m_gridp;                         //网格部件

private slots:
    void on_pushButton_clicked();                 //暂停定时器
    void mouseReleaseEvent(QMouseEvent * event);  //鼠标释放事件

  • MainWidget.cpp文件源码。

    #include "mainwindow.h"
#include "ui_mainwindow.h"
#include <qwt_plot_grid.h>
#include <qwt_legend.h>
#include <qwt_plot_curve.h>
#include <qwt_symbol.h>
#include <qwt_plot.h>
#include <QVBoxLayout>
#include <QPushButton>
#include <QTimer>
#include <QRandomGenerator>
#include <QDateTime>
#include <qwt_plot_zoomer.h>
#include <qwt_plot_panner.h>
#include <qwt_plot_magnifier.h>
#include <qwt_plot_canvas.h>
#include <QToolTip>
#include <qwt_painter.h>

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

    ui->m_plot->setTitle("标题");                                                    //设置图的标题
    ui->m_plot->setCanvasBackground(Qt::white);                                     //设置图纸的背景颜色
    ui->m_plot->setAxisScale(QwtPlot::yLeft, 0.0, 1000.0);                          //设置y轴范围
    ui->m_plot->setAxisScale(QwtPlot::xBottom,0, 50);                               //设置x轴范围
    ui->m_plot->insertLegend(new QwtLegend());                                      //创建一个图例
    ui->m_plot->setAxisTitle(QwtPlot::xBottom, "x轴");                              //设置横坐标标题
    ui->m_plot->setAxisTitle(QwtPlot::yLeft, "y轴");                                //设置纵坐标标题
    //l_plot->setAutoReplot(true);                                                  //设置自动重绘，不建议使用

    m_gridp = new QwtPlotGrid();
    m_gridp->attach(ui->m_plot);                                                     //添加网格

    //声明一个曲线，并设置相关属性
    m_curvep = new QwtPlotCurve();
    m_curvep->setTitle("数据1");                                                   //设置曲线名字，该名字会被作为图例的标识
    m_curvep->setPen(Qt::blue, 2);                                                //设置画笔的颜色为blue,线宽为2像素
    m_curvep->setRenderHint(QwtPlotItem::RenderAntialiased, true);                //渲染抗锯齿
    m_curvep->attach(ui->m_plot);                                                 //将曲线绘制到画布上

    //声明并设置一个在画布上的符号`
    QwtSymbol *symbol = new QwtSymbol(QwtSymbol::Ellipse,
        QBrush(Qt::yellow), QPen(Qt::red, 2), QSize(8, 8));                       //在线上绘制端点
   // curve->setSymbol( symbol );                                                 //添加到线上


    QwtPlotZoomer *zoomer = new  QwtPlotZoomer(ui->m_plot->canvas());             //鼠标选择图形局部放大
    zoomer->setMousePattern( QwtEventPattern::MouseSelect1, Qt::RightButton, Qt::ControlModifier );//ctrl+右键 放大 右键恢复原样

    QwtPlotMagnifier *magnifier = new QwtPlotMagnifier(ui->m_plot->canvas());     //默认的滑轮及右键缩放功能  图形的整体缩放
    magnifier->setMouseButton(Qt::LeftButton);                                    //设置为左键缩放
    magnifier->setWheelFactor(1.5);                                               //设置鼠标滚轮缩放系数

    QwtPlotPanner *panner = new QwtPlotPanner(ui->m_plot->canvas());              //默认的左键移动功能
    panner->setMouseButton(Qt::RightButton);                                      //设置为右键移动

    //鼠标监听
    setMouseTracking(true);
    ui->centralwidget->setMouseTracking(true);
    ui->m_plot->setMouseTracking(true);
    ui->m_plot->canvas()->setMouseTracking(true);


    m_timer = new QTimer(this);                                               //初始化定时器
    connect(m_timer, &QTimer::timeout,
            [=]()
            {
                double x[50], y1[50];                                         //创建绘图所用数组,需要快速读写情况下建议使用数组，不使用QVector<double>
                for (int i=0; i<50; ++i)
                {
                  x[i] = i;
                  y1[i] = QRandomGenerator::global()->bounded(100,1000);      //生成随机数
                }
                m_curvep->setSamples(x, y1, 50); //Info4
                ui->m_plot->replot();
            });
        m_timer->start(1);                                                    //开启定时器，每1毫秒显示一帧图像

}

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

//鼠标释放事件，显示最近数据点的坐标
void MainWindow::mouseReleaseEvent(QMouseEvent *p_eventP)
{
    QPoint l_pointMouse = ui->m_plot->canvas()->mapFromGlobal(QCursor::pos());             //将全局屏幕坐标位置转换为控件坐标。

    if(l_pointMouse.x() >= 0 && l_pointMouse.x() < ui->m_plot->canvas()->width()           //如果鼠标在控件内就显示
            && l_pointMouse.y() >= 0 && l_pointMouse.y() < ui->m_plot->canvas()->height())
    {
        int l_nX = m_curvep->closestPoint(l_pointMouse);                                    //获取离鼠标最近点横坐标
        int l_nY = m_curvep->sample(l_nX).y();                                              //获取离鼠标最近点纵坐标
        QString l_strPos = QString("x：%0 y：%1").arg(l_nX).arg(l_nY);
        QString l_stStyle = "<p style=\"background:#00FFFF; border-radius: 1px 5px;font:12pt '宋体'\">%1</p>";
        QToolTip::showText(cursor().pos(), l_stStyle.arg(l_strPos), ui->m_plot->canvas(), QRect(0,0,1,1), 10000); //在点击位置显示提示信息
    }
}

//停止定时器
void MainWindow::on_pushButton_clicked()
{
    m_timer->stop();
}

QCustomPlot

1、下载源码

  • 下载地址

  • 下载QCustomPlot.tar.gz、QCustomPlot-sharedlib.tar.gz两个文件并解压。

    在这里插入图片描述

2、使用源码

  • Qt新建一个工程文件，解压QCustomPlot.tar.gz后将qcustomplot.h与qcustomplot.cpp拷贝到工程目录下，右键 -> 添加现有文件…，将这两个文件添加至工程。

    在这里插入图片描述

  • 在pro中需要添加（由于QCustomPlot中存在导出功能，使用了printsupport模块）：

    QT += printsupport

  • 进入.ui文件，选择widget控件，右键提升为QCustomPlot。

    在这里插入图片描述

    在这里插入图片描述

  • 运行程序就可以看见控件效果了，由于直接使用QCustomPlot源码，所以编译运行速度会比较慢。

    在这里插入图片描述

3、将QCustomPlot编译成共享库

  • 解压QCustomPlot-sharedlib.tar.gz，将QCustomPlot.tar.gz中的qcustomplot.cpp/.h文件复制到和QCustomPlot-sharedlib.tar.gz解压后的文件夹同级目录下。

    在这里插入图片描述

  • 进入qcustomplot-sharedlib/sharedlib-compilation –> 使用Qt打开sharedlib-compilation.pro文件。

    在这里插入图片描述

    在这里插入图片描述

  • 选择Debug或Release任意模式，然后点击构建。

    在这里插入图片描述

  • 进入build-sharedlib-compilation-Desktop_Qt_5_14_2_MinGW_64_bit-Debug目录，将debug和release目录下的libqcustomplotd2.a、qcustomplotd2.dll、libqcustomplot2.a、qcustomplot2.dll四个文件（代d的为debug版本）复制到新建的qcustomplot目录下，再将qcustomplot.h、cpp两个源码文件也复制到qcustomplot目录下。

    在这里插入图片描述

    <img src="Qwt%E3%80%81QChart%E3%80%81QCustomPlot%E4%BD%BF%E7%94%A8%E6%96%87%E6%A1%A3.assets/在这里插入图片描述

  • 新建一个Qt工程，在.pro文件添加。

    QT += printsupport

  • 选中工程名，右键 –> 添加库 –> 静态库 –> 浏览 –> 选择之前编译好的libqcustomplot2.a文件，点击确定，会在.pro文件中生成下列几行代码。

    在这里插入图片描述

  • 将圈中位置由-lqcustomplot2d改为lqcustomplotd2。

    在这里插入图片描述

  • 选择widget控件，右键提升为QCustomPlot，编译运行就可以使用QCustomPlot了。

4、示例

  • 进入.ui文件，选择widget控件，命名为customPlot，右键提升为QCustomPlot，添加PushButton，命名为pushButton_Stop。

    在这里插入图片描述

  • widget.h文件源码

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <qtimer.h>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

protected:
    void Init();                                  //初始化绘图
    void connectSlot();                           // 绑定信号槽

private:

    void on_mouseRelease(QMouseEvent *event);
    void on_mouseDoubleClick(QMouseEvent *event);
    void updateData();

private:
    Ui::Widget *ui;
    QTimer m_timer;                               //声明定时器

    QVector<double> arrX, arrY1, arrY2;           //创建绘图所用数组
};
#endif // WIDGET_H
  • widget.cpp文件源码

#include "widget.h"
#include "ui_widget.h"
#include <QCursor>

#define DATA_LEN 1000           // 绘制的数据量
#define X_AXIS_MIN  0           // X轴最小值
#define X_AXIS_MAX  1000        // X轴最大值
#define Y_AXIS_MIN  0
#define Y_AXIS_MAX  1100

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    Init();
    connectSlot();
}

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

void Widget::Init()
{

    //设置标题
    ui->customPlot->plotLayout()->insertRow(0);
    ui->customPlot->plotLayout()->addElement(0, 0, new QCPTextElement(ui->customPlot, "标题"));

//    ui->customPlot->setBackground(QColor(0,0,0,255));                        //设置背景色
    ui->customPlot->xAxis->setRange(X_AXIS_MIN, X_AXIS_MAX);                   //设置横坐标轴范围
    ui->customPlot->yAxis->setRange(Y_AXIS_MIN, Y_AXIS_MAX);                   //设置纵坐标轴范围

    ui->customPlot->setInteractions(QCP::iRangeDrag |QCP::iRangeZoom);         //设置鼠标拖动,设置鼠标滚轮缩放
    ui->customPlot->setInteraction(QCP::iSelectPlottables, false);             //设置是否可选择图表
    ui->customPlot->legend->setVisible(true);                                  //设定右上角图形标注可见

    ui->customPlot->setSelectionRectMode(QCP::SelectionRectMode::srmZoom);     //模式：框选放大

    //设置添加的图表
    ui->customPlot->addGraph();                                                 //添加图表1
    ui->customPlot->addGraph();                                                 //添加图表2
    ui->customPlot->graph(0)->setName("数据1");                                  //设置图表1名称
    ui->customPlot->graph(1)->setName("数据2");                                  //设置图表2名称
    ui->customPlot->graph(0)->setPen(QPen(QColor(255, 0, 0, 255)));             //设置图表1颜色
    ui->customPlot->graph(1)->setPen(QPen(QColor(0, 255, 0, 255)));             //设置图表2颜色

    ui->customPlot->xAxis->setLabel("x");                                       //设置横坐标轴标题
    ui->customPlot->yAxis->setLabel("y");                                       //设置纵坐标轴标题

    arrX.resize(DATA_LEN);
    arrY1.resize(DATA_LEN);
    arrY2.resize(DATA_LEN);
    m_timer.start(50);                                                          //开启定时器，每10毫秒显示一帧图像
}

void Widget::connectSlot()
{
    //显示鼠标点击位置的坐标信息，只能用SIGNAL格式
    connect(ui->customPlot, &QCustomPlot::mouseRelease, this, &Widget::on_mouseRelease);
    connect(ui->customPlot, &QCustomPlot::mouseDoubleClick, this, &Widget::on_mouseDoubleClick);
    connect(&m_timer, &QTimer::timeout, this, &Widget::updateData);     // 定时器绘制图表
}

/**
 * @brief        鼠标中键点击显示点的信息
 * @param event
 */
void Widget::on_mouseRelease(QMouseEvent *event)
{
    if(event->button() == Qt::MiddleButton)
    {
        //获取点击的下标
        int l_nX = qRound(ui->customPlot->xAxis->pixelToCoord(event->x()));              //将鼠标点击处QCustomPlot小部件的像素坐标中的值转换为轴坐标，取四舍五入值

        QString l_strToolTip = QString("x：%0").arg(l_nX);                                //添加提示信息
        if(l_nX >= 0)                                                                    //如果鼠标点击位置为负则不显示
        {
            for (int i = 0;i < ui->customPlot->xAxis->graphs().count();i++)              //判断共有多少路数据
            {
                int l_nY = ui->customPlot->graph(i)->data()->at(l_nX)->value;            //获得x轴坐标位置对应的曲线上y的值
                l_strToolTip += QString("\ny%0：%1").arg(i).arg(l_nY);
            }
            QToolTip::showText(cursor().pos(), l_strToolTip, ui->customPlot, QRect(0,0,1,1), 10000); //在点击位置显示提示信息
        }
    }
}

/**
 * @brief         鼠标右键双击还原图表大小(坐标轴刻度)
 * @param event
 */
void Widget::on_mouseDoubleClick(QMouseEvent *event)
{
    if(event->button() == Qt::RightButton)
    {
        ui->customPlot->xAxis->setRange(X_AXIS_MIN, X_AXIS_MAX);                    //设置横坐标轴范围
        ui->customPlot->yAxis->setRange(Y_AXIS_MIN, Y_AXIS_MAX);                    //设置纵坐标轴范围
        ui->customPlot->replot();                                                   //更新图表
    }
}

/**
 * @brief 生成随机数并绘制图表
 */
void Widget::updateData()
{
    for (int i=0; i< DATA_LEN; ++i)
    {
      arrX[i] = i;
      arrY1[i] = QRandomGenerator::global()->bounded(500, 1000);          //生成随机数
      arrY2[i] = QRandomGenerator::global()->bounded(10, 500);
    }
    ui->customPlot->graph(0)->setData(arrX, arrY1);                       //添加数据
    ui->customPlot->graph(1)->setData(arrX, arrY2);                       //添加数据
    ui->customPlot->replot();                                             //更新图表
}

  • QCPGraph::setData第三参数对性能的引响：

    • 1000数据：alreadySorted设为true时需要16.8毫秒，设为false时需要13.6毫秒；
    • 10000数据：alreadySorted设为true时需要21.6毫秒，设为false时需要22.6毫秒；
    • 100000数据：alreadySorted设为true时需要22.5毫秒，设为false时需要43.7毫秒；
    • 500000数据：alreadySorted设为true时需要43.3毫秒，设为false时需要197.2毫秒；
    • 在数据量小于10000时alreadySorted为false和true性能相差不大，数据量为100000时alreadySorted为true性能为false的2倍左右，数据量为500000时alreadySorted为true的性能是false的4.5倍左右，所以如果可以保证通过键对传递的数据点进行升序排序，则可以将alreadySorted设置为true，以通过保存排序运行来提高性能。
    void QCPGraph::setData (const QVector< double > & keys, 
                        const QVector< double > & values, 
                        bool alreadySorted = false )

QChart

1、安装

  • 如果需要在QT中使用QChart类，需要在安装Qt的时候勾选QChart选项，在工程的 .pro 文件里面添加 QT += charts 语句，包含 QChart 头文件就行了。

2、示例

  • 在程序中创建ChartView类，继承与QChartView，实现绘制图表的缩放、还原、移动和鼠标点击显示最近点信息功能；

  • MainWidget.h文件源码。

    #ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtCharts/QLineSeries>
#include <QtCharts/QChart>
#include <QtCharts/QValueAxis>
#include <QtCharts/QChartView>
#include "chartview.h"

QT_CHARTS_USE_NAMESPACE
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

    QTimer *m_timer;                              //定时器
    QLineSeries *series;                          //折线数据序列
    QChart *chart;                                //图表

private slots:
    void on_pushButton_clicked();

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  • MainWidget.cpp文件源码

    #include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDebug>
#include <QRandomGenerator>
#include <QTimer>

#define DATA_SIZE 10         //绘制数据点数

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


    series = new QLineSeries();                                                  //创建折线图数据序列
    series->setUseOpenGL(true);                                                  //openGl 加速

    chart = new QChart();                                                        //创建图表
    chart->legend()->hide();                                                     //隐藏图例
    chart->addSeries(series);                                                    //添加数据序列
    chart->createDefaultAxes();                                                  //基于已添加到图表中的系列为图表创建轴，必须在将所有系列添加到图表后调用此函数
    chart->setTitle("标题");                                                      //设置图表标题

    QValueAxis* m_axisX = (QValueAxis*)chart->axes(Qt::Horizontal, series).at(0);//获取图表中的横坐标轴
    QValueAxis* m_axisY = (QValueAxis*)chart->axes(Qt::Vertical, series).at(0);  //获取图表中的纵坐标轴
    m_axisX->setRange(0,DATA_SIZE);                                              //设置坐标轴范围
    m_axisX->setGridLineVisible(true);                                           //设置网格线可见
    m_axisX->setTickCount(11);                                                   //设置一级刻度分为几个
    m_axisX->setMinorTickCount(0);                                               //设置二级刻度分为几个
    m_axisX->setTitleText("X轴");                                                //设置横轴标题
    m_axisY->setRange(0,1000);
    m_axisY->setGridLineVisible(true);
    m_axisY->setTickCount(6);
    m_axisY->setMinorTickCount(0);
    m_axisY->setTitleText("Y轴");


    ChartView *l_view = new ChartView(chart);                             //使用自定义类
    l_view->setChart(chart);                                                       //添加图表
    l_view->setRenderHint(QPainter::Antialiasing);                                //设置渲染器，优化图像质量
    //ui->chartView->setRubberBand(QChartView::RectangleRubberBand);              //鼠标左键选框放大，右键点击缩小，但左键如果点在绘制的线上时无法拉取选框

    ui->gridLayout_2->addWidget(l_view);

    //使用定时器更新数据
    m_timer = new QTimer(this);                                                  //初始化定时器
    connect(m_timer, &QTimer::timeout,
    [&]()
    {
        QVector<QPointF> point(DATA_SIZE + 1);
        for(int i = 0; i < DATA_SIZE + 1; i++)
        {
            point[i].setX(i);
            point[i].setY((int)QRandomGenerator::global()->bounded(1,1000));
        }
        series->replace(point);                                                 //更新数据
    });
    m_timer->start(1);                                                          //开启定时器，每1毫秒显示一帧图像
    
}

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

//暂停定时器
void MainWindow::on_pushButton_clicked()
{
    m_timer->stop();
}

  • ChartView.h文件源码。

    #ifndef CHARTVIEW_H
#define CHARTVIEW_H

#include <QChartView>
#include <QMouseEvent>
#include <QGraphicsSimpleTextItem>

QT_CHARTS_USE_NAMESPACE

class ChartView : public QChartView
{
    Q_OBJECT

public:
    ChartView(QChart *chart, QWidget *parent = nullptr);
    ~ChartView();

protected:
    void mouseDoubleClickEvent(QMouseEvent *event);
    void mousePressEvent(QMouseEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void mouseReleaseEvent(QMouseEvent *event);
    void wheelEvent(QWheelEvent *event);


private:

    QPoint m_pointUsed;                             //保存旧坐标
    bool m_isPress;                                 //是否按下鼠标
    double m_dMinX, m_dMaxX, m_dMinY, m_dMaxY;      //保存图表轴初始大小
};

#endif // CHARTVIEW_H

  • ChartView.cpp文件源码。

    #include "chartview.h"
#include <QValueAxis>
#include <QWidget>
#include <QDebug>
#include <QLineSeries>
#include <math.h>
#include <QToolTip>

ChartView::ChartView(QChart *chart, QWidget *parent):QChartView(chart)
{
    //保存图表初始大小
    QValueAxis *l_axisX = (QValueAxis*)this->chart()->axes(Qt::Horizontal).at(0);
    m_dMinX = l_axisX->min();
    m_dMaxX = l_axisX->max();
    QValueAxis *l_axisY = (QValueAxis*)this->chart()->axes(Qt::Vertical).at(0);
    m_dMinY = l_axisY->min();
    m_dMaxY = l_axisY->max();
}

ChartView::~ChartView()
{

}

//鼠标按下
void ChartView::mousePressEvent(QMouseEvent *event)
{

    if (event->button() == Qt::LeftButton)                       //鼠标左键按下
    {
        m_pointUsed = event->pos();                              //保存当前坐标
        m_isPress = true;
    }
    else if(event->button() == Qt::MidButton)                    //鼠标中键按下
    {
        QLineSeries* l_series = (QLineSeries*)this->chart()->series().at(0);      //获取序列中的值
        QVector<QPointF> l_vpointF = l_series->pointsVector();
        QPointF l_curVal = this->chart()->mapToValue(event->pos());               //返回鼠标处的值
        QPointF l_pointF = l_vpointF.at(qRound(l_curVal.x()));                    //获取离鼠标的横坐标最近的点

        QString l_strPos = QString("x：%0 y：%1").arg(l_pointF.x()).arg(l_pointF.y());
        QString l_stStyle = "<p style=\"background:#00FFFF; border-radius: 1px 5px;font:12pt '宋体'\">%1</p>";
        QToolTip::showText(cursor().pos(), l_stStyle.arg(l_strPos), this, QRect(0,0,1,1), 10000); //在点击位置显示提示信息
    }
}

//鼠标双击
void ChartView::mouseDoubleClickEvent(QMouseEvent *event)
{
    if (event->button() == Qt::RightButton)                        //鼠标右键双击恢复最初大小
    {
        this->chart()->axes(Qt::Horizontal).at(0)->setRange(m_dMinX, m_dMaxX);
        this->chart()->axes(Qt::Vertical).at(0)->setRange(m_dMinY, m_dMaxY);
    }
}

//鼠标移动
void ChartView::mouseMoveEvent(QMouseEvent *event)
{
    if(m_isPress)
    {
        QPoint l_pointDiff = event->pos() - m_pointUsed;              //当前坐标与按下鼠标处的坐标差
        this->chart()->scroll(-l_pointDiff.x(), l_pointDiff.y());     //移动图表
    }
    m_pointUsed = event->pos();                                       //保存当前坐标
}

//鼠标释放
void ChartView::mouseReleaseEvent(QMouseEvent *event)
{
    m_isPress = false;
}


//鼠标滚轮缩放
void ChartView::wheelEvent(QWheelEvent *event)
{
    QPointF l_curVal = this->chart()->mapToValue(event->pos());               //返回鼠标处的值

    QValueAxis *l_axisX = (QValueAxis*)this->chart()->axes(Qt::Horizontal).at(0);
    double l_fMinX = l_axisX->min();
    double l_fMaxX = l_axisX->max();
    QValueAxis *l_axisY = (QValueAxis*)this->chart()->axes(Qt::Vertical).at(0);
    double l_fMinY = l_axisY->min();
    double l_fMaxY = l_axisY->max();

    double l_fZoomMinX,l_fZoomMaxX,l_fZoomMinY,l_fZoomMaxY;
    if(event->delta() > 0)                                                   //获取放大值
    {
        l_fZoomMinX = l_curVal.x() - (l_curVal.x() - l_fMinX) / 1.5;
        l_fZoomMaxX = l_curVal.x() + (l_fMaxX - l_curVal.x()) / 1.5;
        l_fZoomMinY = l_curVal.y() - (l_curVal.y() - l_fMinY) / 1.5;
        l_fZoomMaxY = l_curVal.y() + (l_fMaxY - l_curVal.y()) / 1.5;
    }
    else                                                                     //获取缩小值
    {
        l_fZoomMinX = l_curVal.x() - (l_curVal.x() - l_fMinX) * 1.5;
        l_fZoomMaxX = l_curVal.x() + (l_fMaxX - l_curVal.x()) * 1.5;
        l_fZoomMinY = l_curVal.y() - (l_curVal.y() - l_fMinY) * 1.5;
        l_fZoomMaxY = l_curVal.y() + (l_fMaxY - l_curVal.y()) * 1.5;
    }
    this->chart()->axes(Qt::Vertical).at(0)->setRange(l_fZoomMinY, l_fZoomMaxY);   //设置轴范围
    this->chart()->axes(Qt::Horizontal).at(0)->setRange(l_fZoomMinX, l_fZoomMaxX);
}

  • setUseOpenGL对性能的引响：

    • 1000数据：setUseOpenGL设为true时需要12.5毫秒，设为false时需要14毫秒；
    • 10000数据：setUseOpenGL设为true时需要13.5毫秒，设为false时需要56.8毫秒；
    • 100000数据：setUseOpenGL设为true时需要20.7毫秒，设为false时需要507.4毫秒；
    • 500000数据：setUseOpenGL设为true时需要194.25毫秒，设为false时需要507.4毫秒；
mahuifa
关注
  • 45
    点赞
  • 踩
  • 241
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 13
    评论
专栏目录
QChart教程（一）：QChart实现动态曲线
琅嬛福地
08-13 3万+
QChart实现了各种各样的曲线，饼状图，柱状图等等，综合了之前的第三方图表模块QCustomPlot, QWT的功能，这两种也是很好的Qt图表类库。QChart在5.7之前只有商业版才有，5.7之后社区版也可以使用了。建议使用Qt5.7之后的版本，在安装的时候勾选QCharts模块，不然无法使用该功能。 QChart demo代码在Qt的安装路径：D:\Qt5....
QWT使用教程
10-19
QWT，全称是 Qt Widgets for Technical Applications，是一个基于 LGPL 版权协议的 开源项目，可生成各种统计图。它为具有技术专业背景的程序提供 GUI 组件和一组实用类， 其目标是以基于 2D 方式的窗体部件来显示...
Qcustomplot与QCharts的使用
qq_32527567的博客
04-03 891
其中Qt本身也为我们提供了绘制图表的QChart模块，且该模块功能强大，能够绘制包含折线、曲线、饼图、棒图、散点图、雷达图等各种常用的图表，在QT5.7版本以前该模块一直属于收费项目，只有商业版本才能使用，但是5.7版本后开放了Qt Charts（二维图表）Qt Data Visualization（三维图表）的权限。本文仅介绍QCustomPlot工具，QCustomPlot专注于制作美观、高品质的2D图表，且可以导出各种格式的图片，如矢量化的PDF文件和PNG/JPG/BMP等文件。
QT 中 QWT 及 QCustomPlot
heyuye110
08-07 2331
一、QWT 简介 QWT，即Qt Widgets for Technical Applications，是一个基于LGPL版权协议的开源项目， 可生成各种统计图，是为具有技术专业背景的程序提供GUI组件和一组实用类，其目标是以基于2D方式的窗体部件来显示数据， 数据源以数值，数组或一组浮点数等方式提供， 输出方式可以是Curves（曲线），Slider（滚动条），Dials（圆盘），Compasses（仪表盘）等等。QWT工具库是基于Qt开发的，继承了Qt的跨平台特性 二、下载安装 win源码: https
探索QChart：Qt中的数据可视化艺术
最新发布
小灰灰的博客
05-13 410
QChart 是Qt Charts模块中的一个类，用于创建各种类型的图表，包括折线图、柱状图、饼图等。它基于Qt的图形视图框架，可以轻松集成到Qt应用程序中，提供丰富的图表功能和美观的视觉效果。QChart是Qt中实现数据可视化的强大工具，它提供了直观的API和丰富的功能，使得创建专业级的图表变得简单。
QCustomplot绘图性能的改善
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
09-24 3919
QCustomPlot采用了诸如自适应采样和文本对象缓存之类的各种技术，以减少重新绘制所需的时间。但是，某些功能（如复杂的半透明填充和粗线）仍会导致速度显着下降。如果您在应用程序中注意到这一点，这里有一些有关如何提高重复打印性能的提示。 到目前为止，大部分时间都花在了绘图功能上，尤其是在绘制高密度图和其他绘图表时。为了获得最佳性能，请考虑以下几点： 特别是在图形，粗线，半透明颜色下/之间使用复杂的填充时：通过QCustomPlot :: setOpenGl启用QCustomPlot的OpenGL硬件加速渲
Qt--QCustomPlot
天道酬勤
04-20 1万+
一、基础知识 1、QT绘图有QWT和QCustomPlot，QWT比较麻烦一些，相比来说QCustomPlot简单易用。    二、QCustomPlot介绍 1、QCustomPlot是一个用于绘图和数据可视化的Qt C++构件。 它没有进一步的依赖关系，并有很好的文档记录。 该绘图库专注于制作美观，出版品质的2D图表，图表和图表，以及为实时可视化应用程序提供高性能。 查看“设置”和“基...
QWT 关于曲线游标设置
lidengfeng0ff的专栏
06-16 929
QWT 关于曲线游标设置 设置位置
Qt第三方库QCustomPlot——介绍与初次使用
qt爱好者
03-15 2万+
QCustomPlot主页在http://www.qcustomplot.com QCustomPlot是用于绘制图表的，和大名鼎鼎的Qwt一样，但功能似乎稍弱，速度上也赶不上，只希望不久的将来，它能超越前辈。但它使用上比Qwt简单无数倍。 目前最新版是1.2版，Version: 1.2.0, released on March 14, 2014，下载地址：点击打开链接。将以它为基准，一边研究
Qt，使用qwt作曲线图
12-07
本教程将深入探讨如何在Qt项目中使用Qwt库来绘制曲线图。 首先，让我们了解Qwt。Qwt（Qt Widget Toolkit）是一个轻量级的库，它扩展了Qt的功能，添加了科学计算和工程图形的绘制能力。Qwt提供了一系列的类，如...
qwt使用例子
04-16
要使用Qwt绘制柱状图，你需要完成以下步骤： 1. **引入必要的头文件**：首先，在代码中包含必要的Qwt库头文件，例如`#include <qwt_plot.h>`和`#include <qwt_plot_histogram.h>`。 2. **创建QwtPlot对象**：在你...
使用QCustomPlot绘制实时动态曲线并对数据进行滤波
12-27
本资源包括了如何使用QCustomPlot绘制实时显示的动态曲线，还包括两种滤波方法，巴特沃斯滤波器和跟踪微分器。使用Qt Creator4.8.2，32位进行编译。
Qt qcustomplot第三方绘图工具绘制简单频谱图
02-22
Qt qcustomplot第三方绘图工具绘制简单频谱图
使用Qwt相关
06-03
在【标题】"使用Qwt相关"中，我们可以理解到这是关于如何在QT环境中集成和使用Qwt库的过程。首先，你需要下载并解压Qwt的源代码包，例如这里的qwt-6.1.2。解压缩后，你会找到一个名为"release版"的文件夹，里面包含...
qwt6.1.0使用帮助
07-27
Qt的第三方图形类库 qwt的详细介绍文档，英文的
Qt QChart，利用QChart绘制动态曲线
热门推荐
wudroid的博客
07-11 4万+
这是一个简单的demo，在更新数据的时候我采用了官方中audio这个example的方式。 效果图 程序 ------------------------------------------------------------------------------------- 运行环境 ： Qt Creator 4.2.1 Based on Qt 5.8.0
QCustomPlot绘图(一)：使用入门
w1019220367的专栏
05-07 3383
QT环境下绘图常用的是qwt和QcustomPlot。但是qwt的环境配置实在是麻烦，而且在不同平台上配置不成功的话，程序就没法移植。QCustomPlot在配置方面则简单很多，只需要将下载下来的文件qcustom.cpp和qcustom.h文件添加进.pro工程文件即可。QcustomPlot图形比qwt的好看，只是种类少一些，不够丰富，常规的使用已经够了。 参考文章：http://blog.
QChart 画柱状图(Qt自带的demo)
shenmingyi.blog.csdn.net
08-31 2万+
QChart: The QChart class manages the graphical representation of the chart's series, legends, and axes. QChart is a QGraphicsWidget that you can show in a QGraphicsScene. It manages the graphical...
Qt绘图 使用QWT绘制科学图表、绘图
dongliqiang2006的专栏
08-25 5006
Qt绘图 使用QWT绘制科学图表、绘图2009-08-13 11:19[转]Qwt是一个基于LGPL版权协议的开源项目， 其目标是提供一组2D的窗体库显示技术领域的数据， 数据源以浮点数组或范围的方式提供， 输出方式可以是Curves（曲线），Slider（滚动条）， Dials（圆盘）， compasses（仪表盘）等等。 该工具库基于Qt开发， 所以也继承了Qt的跨
qchart,qcustomplot和qwt区别
06-28
### 回答1： qchart、qcustomplot和qwt都是用于绘制图表的Qt库。 qchart是Qt自带的图表库，可以绘制基本的线图、柱状图、饼图等，支持交互和动画效果。 qcustomplot是一个第三方的Qt图表库，提供了更多的图表类型和自定义功能，可以绘制高级的科学图表、统计图表等。 qwt也是一个第三方的Qt图表库，提供了更多的图表类型和自定义功能，可以绘制高级的科学图表、统计图表等，同时还提供了数据采集、处理和显示的功能。 总的来说，qchart是最基础的图表库，qcustomplot和qwt则提供了更多的功能和灵活性。选择哪个库取决于具体的需求和使用场景。 ### 回答2： QChart、QCustomPlot和Qwt都是在Qt平台上开发的图表绘制库，主要用于绘制各种类型的图表。它们之间的区别在以下几个方面： 一、功能方面： 1.QChart是QT公司自家的图表绘制库，从Qt5开始推出。它提供了基本的图表类型（如折线图、柱状图、饼图等）和一些高级特性（如图例、坐标轴、标签等）。 2.QCustomPlot是一个第三方的开源库，功能比较全面，可以绘制各种类型的图表（如散点图、波形图、色彩映射图等），同时也提供了许多高级特性（如拖动、选中、缩放等）。 3.Qwt也是一个第三方的开源库，在绘图上比QChart和QCustomPlot的功能更加强大，可以绘制各种类型的图表（如XY、极坐标、3D图等）和符号（如线条、曲线、点、箭头等）。 二、易用性方面： 1.QChart使用简单，提供了使用QPainter绘制的图形元素。但它的图表类型较为基础，不支持自定义图形元素的绘制。 2.QCustomPlot在使用中需要掌握一些基本的绘图技能，但它提供了大量的示例代码和丰富的文档，使得开发过程更加便利。 3.Qwt的使用一般需要掌握更加高级的技能，需要花费比较长的时间来学习它的使用，但是一旦熟练掌握后，可以方便地绘制各种类型的图表和符号。 三、绘图质量方面： 1.QChart的图表绘图质量较好，能够绘制出较为清晰的图表。 2.QCustomPlot绘图质量相当高，在绘制曲线图和等高线图等高级图形时具有很好的优势。 3.Qwt是最优秀的绘图库之一，绘图质量较高，几乎可以绘制所有关于图表方面的图形。 综上所述，对于初学者而言，QChart是最好的选择。对于有一定绘图基础和对图表掌握较好的开发者而言，QCustomPlot和Qwt都是不错的选择，但由于Qwt使用较为复杂，所以QCustomPlot比较适合入门和快速开发。 ### 回答3： QChart、QCustomPlot和Qwt都是用于Qt图形绘制的库，但它们有不同的设计理念和使用方式。 首先，QChart是Qt自带的图表绘制类，使用简单且易于学习，它提供了基本的图表类型和样式、数据系列管理、坐标轴管理等功能。在Qt 5.7以前，QChart只支持使用QChartView进行渲染展示，无法直接使用QWidget或QGraphicsView，但在后来的版本中，QChart已经支持了更多的展示方式。QChart适合于简单的数据可视化和快速开发。 其次，QCustomPlot是一个开源的C++绘图库，它提供了丰富的绘图类型和高度定制的展示方式。QCustomPlot的设计思想是，将绘图和界面分离，通过自定义绘图对象、图层管理、绘图数据管理、坐标轴管理等方式，实现高度自由的数据可视化。QCustomPlot的使用复杂度相对较高，需要熟悉C++和Qt的相关开发技术，但是可以实现非常复杂的数据展示效果。 最后，Qwt是一个面向科学和工程领域的开源C++图表库，它提供了广泛的图表类型和丰富的展示选项。与QCustomPlot类似，Qwt的设计思想是将图形展示与数据分离，通过自定义绘图对象、数据管理、坐标轴管理等方式，支持高度自由的展示效果。Qwt也需要熟悉C++和Qt的开发技术，但是它更加适合于科学计算等领域。 总之，QChart、QCustomPlot和Qwt都是非常优秀的Qt图表库，它们的使用适合不同的场景和需求，选择合适的库可以有效地提高开发效率和数据展示效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

mahuifa

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值