在GUI窗口中绘制一个茅台股票K线图

本篇概要

festive customs

  • pyqtgraph绘图库
  • 在GUI中集成一个pyqtgraph

pyqtgraph绘图库

festive customs

在GUI中集成图形工具是很多桌面程序常有的功能,最为普遍的,就是各种投资交易工具中的价格走势图。比如股票的指数走势,股票的K线图等。

在PyQt的应用程序中集成图绘功能,有很多种方案,比如:

  • OpenGL:一个功能强大的二维三维专业图形绘制工具;
  • Matplotlib:Python中很经典的图形绘制模块;
  • PyQtGraph:基于Qt平台,提供交互的数据显示图形绘制。

各种图形绘制方案都有自己的优点,但是论与PyQt程序的融合度,还是当属PyQtGraph。

PyQtGraph用于图形绘制有很多的优势:

  • 拥有丰富的图形种类;
  • 能够快速地实时更新绘图数据;
  • 能够进行交互式的操作;
  • 多种标记功能;
  • ……

PyQtGraph的安装很简单,使用pip就可以直接安装:

安装之后直接在Python代码中使用import 引入就可以使用了。

PyQtGraph自带一个丰富的示例模块,我们在代码中输入:

就会自动打开示例手册的GUI程序:

我们可以选择一个示例进行运行:

前面我们说了PyQtGraph与PyQt的结合度很高,下面我们来看看在PyQt中如何调用PyQtGraph绘制的图形

在GUI中集成pyqtgraph图形

festive customs

在PyQtGraph中,有几种绘制图形的方法:

  • pyqtgraph.plot():创建一个新的绘图窗口来显示数据;
  • PlotWidget.plot():将一组新的数据添加到现有的绘图小部件;
  • PlotItem.plot():将一组新的数据添加到现有的绘图小部件;
  • GraphicsLayout.addPlot():添加一个新的图形到一个图形层中;

根据PyQtGraph这几种绘图方式,我们在PyQt中可以在窗口部件中显示图形,也可以在一个新的窗口的显示图形。

下面我们在窗口部件中显示茅台股票近半年来的K线图,作为在PyQt中集成显示PyQtGraph图形的例子。

首先,在我们之前创建的GUI的基础上,新增一个选项卡,在其中放置一个VerticalLayout层布局:

然后,按照惯例,将UI文件转换为Python文件,并新建一个Python文件引入。

根据PyQtGraph的示例,我们新建一个绘制K线图的类CandlestickItem:

然后,我们创建一个函数chart(),用于通过tushare模块获取股票的历史数据,并将数据传入之前定义好的用于生成K线图的类:

接着,在GUI程序的主类MainWindow()的_init_(self)中进行调用:

最后我们运行代码:

这样,PyQtGraph的图形作为一个窗口部件集成到了选项卡中。

PyQtGraph的用法和功能还有很多,大家可以在自带的示例库,官方文档(http://www.pyqtgraph.org/documentation/index.html),github中(https://github.com/pyqtgraph/pyqtgraph)获取到最新最全的使用方法和技巧。

下一篇,我们将介绍在GUI中使用网络和数据库。

PS:点击“阅读原文”查看完整代码示例。

原文发布于微信公众号 - 州的先生(zmister2016)

原文发表时间:2017-11-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端知识分享

第136天:Web前端面试题总结(理论)

  a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域

3384
来自专栏腾讯NEXT学位

【干货】解剖小程序的 setData

双线程的渲染机制、通信机制,setData 的出现、工作原理、使用建议等,应该要怎么去理解呢?

6602
来自专栏企鹅号快讯

前端插件以及部分细分网址梳理

图来源网络 前端插件以及部分细分网址梳理 插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 tot...

2479
来自专栏编程微刊

三个Bootstrap免费字体和图标库

2034
来自专栏大前端开发

从编程小白到全栈开发:了解事件机制

在上一篇文章中,我们初步了解了在HTML中处理用户操作的知识,最主要的,就是如何对指定的DOM元素添加事件监听以获取用户操作,并进行后续的处理。这里所使用到的这...

754
来自专栏HT

基于 HTML5 的 Web SCADA 报表

背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表,一般包含了筛选操作区、表格、Chart、展板等多种元素,而其中的...

3959
来自专栏世界第一语言是java

vue2(webpack)调用amap高德地图及其UI组件vue2(webpack)调用amap高德地图及其UI组件和标记物#

2213
来自专栏IMWeb前端团队

setTimeout的那些事

如果懂setTimeout,可以直接看第3节,前面两节也可以当段子看一下。 如果不是很懂setTimeout,看下1,2两节应该会有一些收获。 1 Java...

2800
来自专栏韩东吉的Unity杂货铺

零基础入门 4: 窗口介绍(完)

上一篇将Unity里几个比较重要的窗口先进行了讲解,以及如何自定义窗口布局,不知道大家都消化的怎么样,今天这篇窗口介绍,将把剩余window的窗口一一进行介绍。

1371
来自专栏极客编程

AngularJS2.0 教程系列(一)

AngularJS当初是提供给设计人员用来快速构建HTML表单的一个内部工具。随着时间的推移,各种特性 被加入进去以适应不同场景下的应用开发。然而由于最初的架构...

631

扫码关注云+社区