大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

Qwt、QChart、QCustomPlot使用? ? ? ? ? ? ? ?

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

文章目录

Qwt、QChart、QCustomPlot使用? ? ? ? ? ? ? ?

@[toc]

效果图

比较

Qwt

1、下载源码

2、将Qwt编译成共享库

3、添加Qwt

4、使用Qwt

5、添加帮助文档

6、示例

QCustomPlot

1、下载源码

2、使用源码

3、将QCustomPlot编译成共享库

4、示例

QChart

1、安装

2、示例

效果图

Qwt

在这里插入图片描述

Qcustomplot

Qwt、QChart、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毫秒；

发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/181136.html原文链接：https://javaforall.cn

【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛

【官方授权正版激活】： 官方授权正版激活支持Jetbrains家族下所有IDE 使用个人JB账号...

Qwt、QChart、QCustomPlot使用

Qwt、QChart、QCustomPlot使用? ? ? ? ? ? ? ?

文章目录

效果图

比较

Qwt

1、下载源码

2、将Qwt编译成共享库

3、添加Qwt

4、使用Qwt

5、添加帮助文档

6、示例

QCustomPlot

1、下载源码

2、使用源码

3、将QCustomPlot编译成共享库

4、示例

QChart

1、安装

2、示例

相关推荐

pytorch之DataLoader

jsonp详解

Spring 下，关于动态数据源的事务问题的探讨

JSP include指令报错[通俗易懂]

TD-SCDMA特点_TDD-LTE

通过reduce函数实现数组求和_js数组求和的方法

发表回复