利用Qt绘图实现QWT绘制科学图表

移动开发
Qwt是一个基于LGPL版权协议的开源项目,其目标是提供一组2D的窗体库显示技术领域的数据。该工具基于Qt开发,所以也继承了Qt的跨平台特性。

Qwt是一个基于LGPL版权协议的开源项目,其目标是提供一组2D的窗体库显示技术领域的数据,数据源以浮点数组或范围的方式提供,输出方式可以是Curves(曲线),Slider(滚动条), Dials(圆盘),compasses(仪表盘)等等。该工具库基于Qt开发,所以也继承了Qt的跨平台特性,据原作者文档所说,该项目在Qt-win/Qt-x11/Qt-embedded(qvfb环境上都测试过, 运行正常。项目的主页在:http://qwt.sourceforge.net/

在网上搜了一下,发现关于qwt的中文资料实在很少,基本上只有关于编译和安装的文章。实际上经过笔者实践,Qwt的编译和运行实在乏善可陈,qmake;make就可以搞定,没什么可memo的东西,所以这篇文章将以扫盲为主,介绍Qwt的feature。

当然按照正常的顺序,我们还是从编译安装开始。从svn服务器上下载***代码:svn co https://qwt.svn.sourceforge.net/svnroot/qwt/trunk/qwt

进入qwt目录, 运行你电脑上qt4对应的qmake, 再运行make编译。如笔者环境中是

  1. cd qwt  
  2. export PATH=/usr/local/Trolltech/Qt-4.5.1/bin/:$PATH  
  3. qmake  
  4. make 

编译要花个几分钟的时间。 成功后在lib下会生成 libqwt.so*文件, 并且examples也参与编译, 生成的binary在examples/bin下, 我们可以运行这些例子初步查看qwt的功能。

  1. export LD_LIBRARY_PATH=$PWD/lib  
  2. cd examples/bin  
  3.  ./simple 

simple是qwt自带的例子中最简单的一个, 一共只有一百来行的代码, 实现了数学中的正弦函数(sin())和余弦函数(cos())曲线。如图:

利用Qt绘图实现QWT绘制科学图表

这个例子里用到的核心类有四个(以下内容是笔者的理解, 有可能有不对的地方,请酌情阅读):

QwtPlot

类似一个2D绘图的容器, 里面可以放其他的QwtPlotItem派生类对象, 比如本例子中使用的QwtPlotMarker等。(有点类似Qt里的graphicsview的感觉。) 这个类负责控制绘图数据的产生和传递, 并且绘制一个坐标轴。

QwtPlotMarker

标尺类, 用于绘制刻度线。

QwtPlotCurve

曲线类, 用于绘制各种曲线。

QwtSyntheticPointData

比较奇怪,这是个undocumented的类,估计不小心被作者遗漏了,文档中没有提供该类的说明,只能从源码中寻找答案了,这一点很让人郁闷。通过看code当中的注释和例子代码,笔者的理解是该类负责产生数据,它的作用是提供固定数量的浮点数的点,点的数量在构造类时传入。获取数据时QwtPlotCurve类会调用该类的y()方法获取纵坐标。

程序的基本流程是:

1、初始化绘图容器, 设置坐标轴的参数

  1. // Set axes  
  2. setAxisTitle(xBottom, “x –>”);  
  3. setAxisScale(xBottom, 0.0, 10.0);//横坐标从0到10, xBottom表示横坐标的方向从下往上  
  4.  
  5. setAxisTitle(yLeft, “y –>”);  
  6. setAxisScale(yLeft, -1.0, 1.0); //纵坐标-1到1,yLeft表示纵坐标的方向从左到右 

2、添加正弦余弦曲线

  1. // Insert new curves  
  2. QwtPlotCurve *cSin = new QwtPlotCurve(”y = sin(x)”);  
  3. #if QT_VERSION >= 0×040000  
  4. cSin->setRenderHint(QwtPlotItem::RenderAntialiased);  
  5. #endif  
  6. cSin->setPen(QPen(Qt::red));//红色曲线  
  7. cSin->attach(this);  
  8.  
  9. QwtPlotCurve *cCos = new QwtPlotCurve(”y = cos(x)”);  
  10. #if QT_VERSION >= 0×040000  
  11. cCos->setRenderHint(QwtPlotItem::RenderAntialiased);  
  12. #endif  
  13. cCos->setPen(QPen(Qt::blue));//蓝色曲线  
  14. cCos->attach(this); 

#p#

3、设置曲线的数据内容

  1. // Create sin and cos data  
  2. cSin->setData(FunctionData(::sin));  
  3. cCos->setData(FunctionData(::cos)); 

4、添加横纵标尺线作为坐标的参照

  1. // Insert markers  
  2. // …a horizontal line at y = 0…  
  3. QwtPlotMarker *mY = new QwtPlotMarker();  
  4. mY->setLabel(QString::fromLatin1(”y = 0″));  
  5. mY->setLabelAlignment(Qt::AlignRight|Qt::AlignTop);  
  6. mY->setLineStyle(QwtPlotMarker::HLine);//线的方向  
  7. mY->setYValue(0.0);//标尺线画在y=0的位置  
  8. mY->attach(this);  
  9.  
  10. // …a vertical line at x = 2 * pi  
  11. QwtPlotMarker *mX = new QwtPlotMarker();  
  12. mX->setLabel(QString::fromLatin1(”x = 2 pi”));  
  13. mX->setLabelAlignment(Qt::AlignLeft | Qt::AlignBottom);  
  14. mX->setLabelOrientation(Qt::Vertical);  
  15. mX->setLineStyle(QwtPlotMarker::VLine);  
  16. mX->setLinePen(QPen(Qt::black, 0, Qt::DashDotLine));  
  17. mX->setXValue(2.0 * M_PI);//该标线画在x=2PI的位置  
  18. mX->attach(this); 

同样的功能如果用Qt来写的话需要写大量的绘图代码, 比较麻烦, 但使用Qwt的封装库代码更OO且更容易理解和维护。 在这个例子中使用Qwt的优势体现得可能还不太明显, 相比而言复杂一些的图表更能体现Qwt的优越性。 再来几个例子的截图:

利用Qt绘图实现QWT绘制科学图表

Qt绘图 

Qt绘图 

利用Qt绘图实现QWT绘制科学图表

小结:通过这几张图片,可以看出,其实用Qt绘图还是蛮不错的。本篇的内容希望对你有帮助哦!

【编辑推荐】

QT 4应用程序解析

浅谈Qt做文件浏览器

浅谈Qt中多线程编程

在Qt中如何写控制台程序

诺基亚开发框架Qt的前世今生

基于Qt Web浏览器设计与实现

责任编辑:zhaolei 来源: 互联网
相关推荐

2015-07-22 10:57:36

watchOS图表自定义

2022-07-15 16:04:22

R 语言

2011-06-20 16:38:33

Qt QWidget Qt4.5

2014-04-29 14:27:59

OpenGL ES 2Android绘制纹理

2011-06-13 14:29:40

Qt Designer

2019-12-11 10:45:08

Python 开发编程语言

2020-06-28 15:01:18

代码开发绘图

2011-02-25 15:49:09

NecessitasQtAndroid

2011-08-12 11:01:09

iPhone绘图QuartZ绘制

2011-08-12 11:08:45

iPhone绘图QuartZ绘制

2011-08-12 10:46:18

iPhone绘图绘制QuartZ

2017-06-13 15:37:21

大数据图表绘制常用软件

2009-10-23 16:43:01

VB.NET绘制图形

2011-06-24 17:38:09

Qt 坐标 事件

2021-05-10 15:14:23

Python棒棒糖图表

2011-06-30 15:09:37

QT 绘制 图形

2021-08-30 11:40:06

PythonSeaborn可视化

2021-01-06 10:05:09

鸿蒙HarmonyOSCanvas

2022-08-23 12:32:37

Python可视化图表

2021-09-24 09:45:27

Python神经网络人工智能
点赞
收藏

51CTO技术栈公众号