qwtplot

ゝ一世哀愁。 2022-06-09 14:52 152阅读 0赞

1.新建一个qt新工程，往主界面中拖动一个QwtPlot控件，保存后关闭。  
ps:如果在设计界面没有，试试qt界面用qt designer打开试试

2.下面开始QwtPlot的简单使用  
a)控件的位置移动和大小设置

int width = this->width()-10;
        int height = this->height() - 50;
    
        //qDebug()<<width<<height;
        //移动QwtPlot控件到父窗口的0，0起始位
        ui->qwtPlot->move(0,0);
        //设置QwtPlot控件的大小
        ui->qwtPlot->resize(width,height);
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8

可以自己调整下move参数看看效果。

b)设置标题有两种形式  
1）参数为QString

//参数是QString
        ui->qwtPlot->setTitle(QObject::trUtf8("QwtPlot Test"));
     
      
       1 
       2

效果如下：  
![这里写图片描述][20160414093402845]  
2）参数为QwtText，此种类型为我们提供了包括字体，颜色等设置

QwtText t;
        //设置标题名
        t.setText(QObject::trUtf8("QwtPlot Test"));
        //设置字体
        QFont font;
        //设置粗体
        font.setBold(true);
        //设置斜体
        font.setItalic(true);
        t.setFont(font);
        //设置颜色
        t.setColor(QColor(255,0,0));
        //设置标题背景色
        QBrush brush(QColor(0,0,255));
        t.setBackgroundBrush(brush);
    
        ui->qwtPlot->setTitle(t);
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8 
       9 
       10 
       11 
       12 
       13 
       14 
       15 
       16 
       17

运行效果如下  
![这里写图片描述][20160414094341130]

c)坐标轴控制  
QwtPlot为我们提供了4条坐标轴，分别是底部坐标轴，左坐标轴，顶部坐标轴，右坐标轴  
左坐标轴 QwtPlot::yLeft  
右坐标轴 QwtPlot::yRight  
底部坐标轴 QwtPlot::xBottom  
顶部坐标轴 QwtPlot::xTop  
我们可以先来看看代码实现

//setAxisScale四个参数的含义分别是
        //第一个参数表示坐标轴，
        //第二个参数表示坐标轴最小值
        //第三个参数表示坐标轴最大值
        //第四个参数表示步进
        ui->qwtPlot->setAxisScale(QwtPlot::yLeft,0,100,10);
        ui->qwtPlot->setAxisScale(QwtPlot::xBottom,0,100,10);
        ui->qwtPlot->setAxisScale(QwtPlot::yRight,0,100,10);
        ui->qwtPlot->setAxisScale(QwtPlot::xTop,0,100,10);
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8 
       9

运行下看看效果：  
![这里写图片描述][20160414095852598]  
奇怪，为什么我们设置了右坐标轴和顶部坐标轴，为什么不显示呢？  
我们在代码中加入如下语句看看输出结果

//axisEnable用于判断坐标轴是否开启了使用功能
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::yLeft);
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::xBottom);
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::yRight);
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::xTop);
     
      
       1 
       2 
       3 
       4 
       5

控制台输出结果如下：  
![这里写图片描述][20160414100030215]  
从结果我们可知，原来右坐标轴和顶部坐标轴处于不可用状态，所以没有显示。  
那么就很容易了，只要让顶部坐标轴和右坐标轴enable即可，我们在qDebug之前加入如下两句

ui->qwtPlot->enableAxis(QwtPlot::yRight,true);
        ui->qwtPlot->enableAxis(QwtPlot::xTop,true);
     
      
       1 
       2

再来看看运行效果和控制台输出结果：  
![这里写图片描述][20160414101037426]  
![这里写图片描述][20160414101046781]  
可见，四条坐标轴都显示出来了，QwtPlot默认enable的坐标轴是左坐标轴和底部坐标轴。  
我们可以给每条坐标轴设置一个title，赋予具体含义：

ui->qwtPlot->setAxisTitle(QwtPlot::yLeft,QObject::trUtf8("Left"));
        ui->qwtPlot->setAxisTitle(QwtPlot::yRight,QObject::trUtf8("Right"));
        ui->qwtPlot->setAxisTitle(QwtPlot::xBottom,QObject::trUtf8("Bottom"));
        ui->qwtPlot->setAxisTitle(QwtPlot::xTop,QObject::trUtf8("Top"));
     
      
       1 
       2 
       3 
       4

运行效果如下：  
![这里写图片描述][20160414101454402]  
这里的setAxisTitle设置坐标轴标题函数的第二个参数也可以是QwtText类型。  
我们也可以更改坐标轴坐标值的字体

//微软雅黑
        //黑体
        QFont f("宋体", 12);//Helvetica [Cronyx]
        ui->qwtPlot->setAxisFont(QwtPlot::xBottom,f);
     
      
       1 
       2 
       3 
       4

d)画图：终于到往QwtPlot控件内画曲线了。  
步骤：  
1.创建plot组件  
2.往plot组件加入数据  
3.把plot组件附加到qwtPlot中

//数据x,y值保存
        QVector<QPointF> vector;
        for(int i =0;i<100;i++){
            QPointF point;
            point.setX(i);
            int y = 20*sin(i*M_PI/10) + 50;
            point.setY(y);
            vector.append(point);
        }
        //构造曲线数据
        QwtPointSeriesData* series = new QwtPointSeriesData(vector);
    
        //create plot item
        QwtPlotCurve* curve1 = new QwtPlotCurve("Curve 1");
        //设置数据
        curve1->setData(series);
        //把曲线附加到qwtPlot上
        curve1->attach(ui->qwtPlot);
    
        ui->qwtPlot->replot();
        ui->qwtPlot->show();
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8 
       9 
       10 
       11 
       12 
       13 
       14 
       15 
       16 
       17 
       18 
       19 
       20 
       21

其中的QwtPlotCurve即为plot组件，由此可知我们可以往qwtPlot中加入多个组件。  
其中QwtPlotCurve的组件有：

<table style="width:658.667px; border-collapse:collapse; border-spacing:0px; border:1px solid rgb(238,238,238); color:rgb(63,63,63); font-family:'microsoft yahei'; font-size:15px; line-height:35px"> 
 <tbody style=""> 
  <tr style=""> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> QwtPlotCurve</td> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> 曲线</td> 
  </tr> 
  <tr style=""> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> QwtPlotMarker</td> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> 标记</td> 
  </tr> 
  <tr style=""> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> QwtPlotGrid</td> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> 网格</td> 
  </tr> 
  <tr style=""> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> QwtPlotHistogram</td> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> 直方图</td> 
  </tr> 
  <tr style=""> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> other</td> 
   <td style="padding:8px; line-height:20px; vertical-align:top; border:1px solid rgb(238,238,238)"> 从QwtPlotItem继承的组件</td> 
  </tr> 
 </tbody> 
</table>

e)我们下面来试试两个曲线组件  
把之前的拷贝复制修改下：

//数据x,y值保存
        QVector<QPointF> vector2;
        for(int i =0;i<100;i++){
            QPointF point;
            point.setX(i);
            int y = 10*sin(i*M_PI/10) + 20;
            point.setY(y);
            vector2.append(point);
        }
        //构造曲线数据
        QwtPointSeriesData* series2 = new QwtPointSeriesData(vector2);
        //create plot item
        QwtPlotCurve* curve2 = new QwtPlotCurve("Curve 2");
        //设置数据
        curve2->setData(series2);
        //把曲线附加到qwtPlot上
        curve2->attach(ui->qwtPlot);
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8 
       9 
       10 
       11 
       12 
       13 
       14 
       15 
       16 
       17

这时我们看看结果：  
![这里写图片描述][20160414105146439]  
f）然后我们试试给曲线设置画笔,在将curve附加到qwtPlot之前分别为curve1和curve2加入如下两句：

//设置画笔
        curve1->setPen(QColor(255,0,0),2,Qt::SolidLine);
       ......
        //设置画笔
        curve2->setPen(QColor(0,0,255),2,Qt::DotLine);
    
     
      
       1 
       2 
       3 
       4 
       5 
       6

再来看看效果图：  
![这里写图片描述][20160414105723800]

g)设置填充画刷，还是在附加到qwtPlot之前加入以下语句

//设置填充画刷
        QBrush brush2(QColor(128,128,128));
        curve1->setBrush(brush2);
        ......
        //设置填充画刷
        QBrush brush3(QColor(192,192,192));
        curve2->setBrush(brush3);
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7

看看效果图  
![这里写图片描述][20160414110112568]

h)加入网格，在代码最后添加如下：

//加入网格
        QwtPlotGrid* grid = new QwtPlotGrid();
        grid->setPen(QColor(222,222,222),1);
        grid->attach(ui->qwtPlot);
     
      
       1 
       2 
       3 
       4

效果如图：  
![这里写图片描述][20160414111753077]

i)最后介绍下如何删除所画的图形，很简单

//删除所画的图形
        curve1->detach();
        curve2->detach();
     
      
       1 
       2 
       3

也就是把相关组件取消关联即可。

好了关于QwtPlot的简单使用就介绍到这了，关于QwtPlot的更多功能请参看文档实现。

本实例的所有源码附加如下：  
main.cpp

#include "mainwindow.h"
    #include <QApplication>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        MainWindow w;
        w.show();
    
        return a.exec();
    }
    
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8 
       9 
       10 
       11 
       12

mainwindow.h

#ifndef MAINWINDOW_H
    #define MAINWINDOW_H
    
    #include <QMainWindow>
    
    namespace Ui {
    class MainWindow;
    }
    
    class MainWindow : public QMainWindow
    {
        Q_OBJECT
    
    public:
        explicit MainWindow(QWidget *parent = 0);
        ~MainWindow();
    
    public:
        void qwtPlotTest();
    private:
        Ui::MainWindow *ui;
    };
    
    #endif // MAINWINDOW_H
    
     
      
       1 
       2 
       3 
       4 
       5 
       6 
       7 
       8 
       9 
       10 
       11 
       12 
       13 
       14 
       15 
       16 
       17 
       18 
       19 
       20 
       21 
       22 
       23 
       24 
       25

mainwindow.cpp

#include "mainwindow.h"
    #include "ui_mainwindow.h"
    #include <QDebug>
    #include <qwt_plot.h>
    #include <qwt_plot_curve.h>
    #include <qwt_plot_grid.h>
    
    MainWindow::MainWindow(QWidget *parent) :
        QMainWindow(parent),
        ui(new Ui::MainWindow)
    {
        ui->setupUi(this);
    
        qwtPlotTest();
    }
    
    MainWindow::~MainWindow()
    {
        delete ui;
    }
    
    void MainWindow::qwtPlotTest()
    {
        int width = this->width()- 50;
        int height = this->height() - 100;
    
        //qDebug()<<width<<height;
        //移动QwtPlot控件到父窗口的0，0起始位
        ui->qwtPlot->move(0,0);
        //设置QwtPlot控件的大小
        ui->qwtPlot->resize(width,height);
    
        //参数是QString
        //ui->qwtPlot->setTitle(QObject::trUtf8("QwtPlot Test"));
        QwtText t;
        //设置标题名
        t.setText(QObject::trUtf8("QwtPlot Test"));
        //设置字体
        QFont font;
        //设置粗体
        font.setBold(true);
        //设置斜体
        font.setItalic(true);
        t.setFont(font);
        //设置颜色
        t.setColor(QColor(255,0,0));
    
        //设置标题背景色
        QBrush brush(QColor(0,0,255));
        t.setBackgroundBrush(brush);
    
        ui->qwtPlot->setTitle(t);
    
        //设置纵坐标
        //第一个参数表示坐标轴，
        //第二个参数表示坐标轴最小值
        //第三个参数表示坐标轴最大值
        //第四个参数表示步进
        //QwtPlot有四条坐标轴，分别对应如下
        //左坐标轴  QwtPlot::yLeft
        //右坐标轴  QwtPlot::yRight
        //底部坐标轴 QwtPlot::xBottom
        //顶部坐标轴 QwtPlot::xTop
    
        ui->qwtPlot->enableAxis(QwtPlot::yRight,true);
        ui->qwtPlot->enableAxis(QwtPlot::xTop,true);
    
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::yLeft);
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::xBottom);
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::yRight);
        qDebug()<<ui->qwtPlot->axisEnabled(QwtPlot::xTop);
    
        ui->qwtPlot->setAxisScale(QwtPlot::yLeft,0,100,10);
        ui->qwtPlot->setAxisScale(QwtPlot::xBottom,0,100,10);
        ui->qwtPlot->setAxisScale(QwtPlot::yRight,0,100,10);
        ui->qwtPlot->setAxisScale(QwtPlot::xTop,0,100,10);
    
        ui->qwtPlot->setAxisTitle(QwtPlot::yLeft,QObject::trUtf8("Left"));
        ui->qwtPlot->setAxisTitle(QwtPlot::yRight,QObject::trUtf8("Right"));
        ui->qwtPlot->setAxisTitle(QwtPlot::xBottom,QObject::trUtf8("Bottom"));
        ui->qwtPlot->setAxisTitle(QwtPlot::xTop,QObject::trUtf8("Top"));
    
        //微软雅黑
        //黑体
        QFont f("宋体", 12);//Helvetica [Cronyx]
        ui->qwtPlot->setAxisFont(QwtPlot::xBottom,f);
    
        //数据x,y值保存
        QVector<QPointF> vector;
        for(int i =0;i<100;i++){
            QPointF point;
            point.setX(i);
            int y = 20*sin(i*M_PI/10) + 50;
            point.setY(y);
            vector.append(point);
        }
        //构造曲线数据
        QwtPointSeriesData* series = new QwtPointSeriesData(vector);
    
        //create plot item
        QwtPlotCurve* curve1 = new QwtPlotCurve("Curve 1");
        //设置数据
        curve1->setData(series);
        //设置画笔
        curve1->setPen(QColor(255,0,0),2,Qt::SolidLine);
        //设置填充画刷
        QBrush brush2(QColor(128,128,128));
        curve1->setBrush(brush2);
        //使曲线更光滑
        curve1->setCurveAttribute(QwtPlotCurve::Fitted, true);
        //把曲线附加到qwtPlot上
        curve1->attach(ui->qwtPlot);
    
        //数据x,y值保存
        QVector<QPointF> vector2;
        for(int i =0;i<100;i++){
            QPointF point;
            point.setX(i);
            int y = 10*sin(i*M_PI/10) + 20;
            point.setY(y);
            vector2.append(point);
        }
        //构造曲线数据
        QwtPointSeriesData* series2 = new QwtPointSeriesData(vector2);
        //create plot item
        QwtPlotCurve* curve2 = new QwtPlotCurve("Curve 2");
        //设置数据
        curve2->setData(series2);
        //设置画笔
        curve2->setPen(QColor(0,0,255),2,Qt::DotLine);
        //设置填充画刷
        QBrush brush3(QColor(192,192,192));
        curve2->setBrush(brush3);
        //把曲线附加到qwtPlot上
        curve2->attach(ui->qwtPlot);
    
        //加入网格
        QwtPlotGrid* grid = new QwtPlotGrid();
        grid->setPen(QColor(222,222,222),1);
        grid->attach(ui->qwtPlot);
    
        //删除所画的图形
        //curve1->detach();
        //curve2->detach();
    
        ui->qwtPlot->replot();
        ui->qwtPlot->show();
    }

[20160414093402845]: /images/20220609/8e2cd9596e6945549b24bb9bb9041c48.png
[20160414094341130]: /images/20220609/642db7f394a947239737b6da41183ecc.png
[20160414095852598]: /images/20220609/b10fc9749c7e4b9fae7f56ac0c137269.png
[20160414100030215]: /images/20220609/a0f9815bc6ff42b49c2110f559ead7d3.png
[20160414101037426]: /images/20220609/eba1864be5f74507a284b46937591e7b.png
[20160414101046781]: /images/20220609/8b43357ede5941bd97b2c15744578db9.png
[20160414101454402]: /images/20220609/f8166891600e496db256b513dc40cec4.png
[20160414105146439]: /images/20220609/8d8a44df4d124afe9472de1c413b040d.png
[20160414105723800]: /images/20220609/9ddf5c70717d49edbba9708eea74b98a.png
[20160414110112568]: /images/20220609/46e34dceceff43fb8b3d8e81b9081b79.png
[20160414111753077]: /images/20220609/846b90ca1727469db3611df9018ee93a.png

qwtplot

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 QT学习之 QwtPlot（数学绘图）

相关 QwtPlot之绘制统计图

相关 QWtplot

相关 qwtplot