Qwt、QChart、QCustomPlot使用

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 。

  

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

  

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 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  #include 
  
  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
                  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 = "
  %1
  ";
          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目录下。

  

  

• 新建一个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 
#include 

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 

#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 
  #include 
  #include 
  #include 
  #include 
  #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 
  #include 
  #include 
  
  #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 
  #include 
  #include 
  
  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 
  #include 
  #include 
  #include 
  #include 
  #include 
  
  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 = "
  %1
  ";
          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毫秒；