PyQt5_pyqtgraph单Y轴和双Y轴折线图

最新推荐文章于 2023-02-19 21:34:08 发布
最新推荐文章于 2023-02-19 21:34:08 发布
阅读量3.4k 收藏 34
点赞数 3
分类专栏： PyQt5 文章标签： qt 开发语言 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37967652/article/details/123105677
版权

目录

效果: 

代码:

使用:

数据:

效果: 

代码:

import sys
import pandas as pd
from PyQt5 import QtCore,QtWidgets
from PyQt5.QtCore import Qt
from typing import Any,Dict
import pyqtgraph as pg
pg.setConfigOption('background', 'w')
pg.setConfigOption('foreground', 'k')

自定义坐标轴

class RotateAxisItem(pg.AxisItem):
    def drawPicture(self, p, axisSpec, tickSpecs, textSpecs):
        p.setRenderHint(p.Antialiasing,False)
        p.setRenderHint(p.TextAntialiasing,True)

        ## draw long line along axis
        pen,p1,p2 = axisSpec
        p.setPen(pen)
        p.drawLine(p1,p2)
        p.translate(0.5,0)  ## resolves some damn pixel ambiguity

        ## draw ticks
        for pen,p1,p2 in tickSpecs:
            p.setPen(pen)
            p.drawLine(p1,p2)

        ## draw all text
        # if self.tickFont is not None:
        #     p.setFont(self.tickFont)
        p.setPen(self.pen())
        for rect,flags,text in textSpecs:
            # this is the important part
            p.save()
            p.translate(rect.x(),rect.y())
            p.rotate(-30)
            p.drawText(-rect.width(),rect.height(),rect.width(),rect.height(),flags,text)
            # restoring the painter is *required*!!!
            p.restore()

 单Y轴与双Y轴折线图控件

class PyQtGraphWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.line_type: int = 1
        self.init_data()
        self.init_ui()
    def init_data(self):
        # 单根曲线的颜色值
        self.color_one = (30,144,255)
        # 第二根曲线的颜色值
        self.color_two = (255,140,0)
        self.p2 = None
        pass
    def init_ui(self):
        self.title_label = QtWidgets.QLabel('折线图')
        self.title_label.setAlignment(Qt.AlignCenter)
        # 使用自定义的坐标轴，使得横坐标可以倾斜显示
        xax = RotateAxisItem(orientation='bottom')
        xax.setHeight(h=50)
        self.pw = pg.PlotWidget(axisItems={'bottom': xax})
        # 以下两句作用：鼠标滚轮缩放对折线图只作用在x轴上，x,y坐标轴上的数值会跟随缩放
        # 只在x轴缩放折线图可以避免画布中空白，找不到图
        self.pw.setMouseEnabled(x=True,y=False)
        self.pw.setAutoVisible(x=False,y=True)
        layout = QtWidgets.QVBoxLayout()
        layout.addWidget(self.title_label)
        layout.addWidget(self.pw)
        self.setLayout(layout)
        pass

    def set_data(self, data: Dict[str, Any]):
        '''单根y轴'''
        self.line_type = 1
        if data is None:
            self.pw.clear()
            return
        if self.p2 is not None:
            '''
            如果前一次显示的是双y轴，
            【暂且把self.pw叫做主视图，self.p2叫做右侧视图】
            1. 要把主视图右侧坐标轴隐藏
            2. 要把主视图右侧跟随变动的信号断开
            3. 将右侧视图(ViewBox)删除
            4. 将右侧视图(ViewBox)清空
            5. 将右侧视图置空
            '''
            self.pw.hideAxis('right')
            self.vb.sigResized.disconnect(self.updateViews)
            self.pw.scene().removeItem(self.p2)
            self.p2.clear()
            self.legend2.clear()
            self.curve2.clear()
            self.vb.clear()
            self.p2 = None
            self.legend2 = None
            self.curve2 = None
        # 将上一次视图清空
        self.pw.clear()
        self.pw.addLegend()
        title_str = data['title_str']
        self.title_label.setText(title_str)
        xTick = [data['xTick00']]
        x = data['x']
        y = data['y']
        y_name = data['y_name']
        self.pw.setLabel('left', y_name)
        self.y_datas = y
        self.x_data = xTick
        self.x_Tick = data['xTick']
        self.y_name = y_name
        xax = self.pw.getAxis('bottom')
        xax.setTicks(xTick)

        self.pw.plot(x, y, connect='finite', pen=pg.mkPen({'color': self.color_one, 'width': 4}), name=self.y_name)

        self.vLine = pg.InfiniteLine(angle=90, movable=False)
        self.hLine = pg.InfiniteLine(angle=0, movable=False)
        self.label = pg.TextItem()

        self.pw.addItem(self.vLine, ignoreBounds=True)
        self.pw.addItem(self.hLine, ignoreBounds=True)
        self.pw.addItem(self.label, ignoreBounds=True)
        self.vb = self.pw.getViewBox()
        self.proxy = pg.SignalProxy(self.pw.scene().sigMouseMoved, rateLimit=60, slot=self.mouseMoved)
        # 显示整条折线图
        self.pw.enableAutoRange()
        pass

    def set_data_2y(self, data: Dict[str, Any]):
        '''双y轴'''
        self.line_type = 2
        if data is None:
            self.pw.clear()
            return
        if self.p2 is not None:
            self.pw.hideAxis('right')
            self.vb.sigResized.disconnect(self.updateViews)
            self.pw.scene().removeItem(self.p2)
            self.p2.clear()
            self.legend2.clear()
            self.curve2.clear()
            self.vb.clear()
            self.p2 = None
            self.legend2 = None
            self.curve2 = None
        self.pw.clear()
        self.pw.addLegend()
        title_str = data['title_str']
        self.title_label.setText(title_str)
        xTick = [data['xTick00']]
        x = data['x']
        y = data['y']
        y_name = data['y_name']
        self.pw.setLabel('left', y_name)
        self.y_datas = y
        self.x_data = xTick
        self.x_Tick = data['xTick']
        self.y_name = y_name
        xax = self.pw.getAxis('bottom')
        xax.setTicks(xTick)

        self.pw.plot(x, y, connect='finite', pen=pg.mkPen({'color': self.color_one, 'width': 4}), name=self.y_name)

        self.vLine = pg.InfiniteLine(angle=90, movable=False)
        self.hLine = pg.InfiniteLine(angle=0, movable=False)
        self.label = pg.TextItem()

        self.pw.addItem(self.vLine, ignoreBounds=True)
        self.pw.addItem(self.hLine, ignoreBounds=True)
        self.pw.addItem(self.label, ignoreBounds=True)

        # 第二根y轴 start
        y2 = data['y2']
        y_name2 = data['y_name2']
        self.y_datas2 = y2
        self.pw.setLabel('right', y_name2)
        self.p2 = pg.ViewBox()
        self.p2.enableAutoRange()
        self.p2.setMouseEnabled(x=True, y=False)
        self.p2.setAutoVisible(x=False, y=True)
        self.pw.scene().addItem(self.p2)
        self.pw.getAxis('right').linkToView(self.p2)
        self.p2.setXLink(self.pw)
        self.curve2 = pg.PlotCurveItem(y2, pen=pg.mkPen({'color': self.color_two, 'width': 4}), connect='finite')
        self.p2.addItem(self.curve2)
        self.legend2 = pg.LegendItem(offset=(0., 1.))
        self.legend2.setParentItem(self.p2)
        power = pg.PlotDataItem(antialias=True, pen=pg.mkPen({'color': self.color_two, 'width': 4}))
        self.legend2.addItem(power, y_name2)
        # 第二根y轴 end
        self.vb = self.pw.getViewBox()
        self.vb.sigResized.connect(self.updateViews)
        self.proxy = pg.SignalProxy(self.pw.scene().sigMouseMoved, rateLimit=60, slot=self.mouseMoved)
        self.pw.enableAutoRange()
        pass
    def updateViews(self):
        self.p2.setGeometry(self.pw.getViewBox().sceneBoundingRect())
        self.p2.linkedViewChanged(self.pw.getViewBox(), self.p2.XAxis)
        pass
    def mouseMoved(self,evt):
        pos = evt[0]
        if self.pw.sceneBoundingRect().contains(pos):
            mousePoint = self.vb.mapSceneToView(pos)
            index = int(mousePoint.x())
            if index >= 0 and index < len(self.y_datas):
                x_str = self.x_Tick[index][1]

                y_str_html = ''
                y_str = str(self.y_datas[index])
                y_str_html += '&nbsp;' + y_str
                if self.line_type == 2:
                    y_str2 = str(self.y_datas2[index])
                    y_str_html += '&nbsp;'+y_str2

                html_str = '<p style="color:black;font-size:18px;font-weight:bold;">&nbsp;' + x_str +'&nbsp;'+y_str_html+ '</p>'
                self.label.setHtml(html_str)
                self.label.setPos(mousePoint.x(), mousePoint.y())
            self.vLine.setPos(mousePoint.x())
            self.hLine.setPos(mousePoint.y())
        pass

使用:

单Y轴数据

if __name__ == '__main__':
    pre_dir = r'E:/temp000/'
    # oneY start
    df = pd.read_csv(pre_dir +'oneY.csv',encoding='utf-8')
    df['count'] = range(len(df))
    df['val'] = df['val'].astype('float')
    title_str = '单根Y轴示例'
    x = df['count'].values.tolist()
    x_date = df['date'].values.tolist()
    y = df['val'].values.tolist()
    y_name = '值'
    xTick = []
    for i_x,i_xdate in zip(x,x_date):
        xTick.append((i_x,i_xdate))
    xTick00 = []
    for i in range(0,len(xTick),int(len(xTick)/20)):
        xTick00.append(xTick[i])
    res_data = {
        "x":x,
        "y":y,
        "xTick":xTick,
        "xTick00":xTick00,
        "title_str":title_str,
        "y_name":y_name
    }

    QtCore.QCoreApplication.setAttribute(QtCore.Qt.HighDpiScaleFactorRoundingPolicy.PassThrough)
    app = QtWidgets.QApplication(sys.argv)
    temp_widget = PyQtGraphWidget()
    temp_widget.showMaximized()
    temp_widget.set_data(res_data)
    app.exec()
    # oneY end
    pass

 鼠标滑轮滚动缩放，左下角“A”点击后，可以显示整条折线

 双Y轴数据

if __name__ == '__main__':
    pre_dir = r'E:/temp055/'
    # twoY start
    df = pd.read_csv(pre_dir +'twoY.csv',encoding='utf-8')
    df['count'] = range(len(df))
    df['val_left'] = df['val_left'].astype('float')
    df['val_right'] = df['val_right'].astype('float')
    title_str = '双Y轴示例'
    x = df['count'].values.tolist()
    x_date = df['date'].values.tolist()
    y = df['val_left'].values.tolist()
    y2 = df['val_right'].values.tolist()
    y_name = '值1'
    y_name2 = '值2'
    xTick = []
    for i_x,i_xdate in zip(x,x_date):
        xTick.append((i_x,i_xdate))
    xTick00 = []
    for i in range(0,len(xTick),int(len(xTick)/20)):
        xTick00.append(xTick[i])
    res_data = {
        "x":x,
        "y":y,
        "y2":y2,
        "xTick":xTick,
        "xTick00":xTick00,
        "title_str":title_str,
        "y_name":y_name,
        "y_name2":y_name2
    }

    QtCore.QCoreApplication.setAttribute(QtCore.Qt.HighDpiScaleFactorRoundingPolicy.PassThrough)
    app = QtWidgets.QApplication(sys.argv)
    temp_widget = PyQtGraphWidget()
    temp_widget.showMaximized()
    temp_widget.set_data_2y(res_data)
    app.exec()
    # twoY end
    pass

 鼠标滑轮滚动缩放，左下角“A”点击后，可以显示整条折线

数据:

链接：https://pan.baidu.com/s/1VsXqXpvpcFq5oVKs4S9r7w 
提取码：w8fi

程序猿与金融与科技
关注
  • 3
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
pyqtGraph 实现多个y轴 对应不同的折线
chang0522的博客
10-18 4234
和标题一样，但是还不知道怎么用GraphicsWindow来创建。目前知道的是用： 创建视图框pg.ViewBox() 创建视图 pg.GraphicsView() 创建图形布局pg.GraphicsLayout() 来实现。 代码有详细注释： import pyqtgraph as pg app = pg.QtGui.QApplication([]) # 定义轴 a2 = pg.AxisIte...
《快速掌握PyQt5》第三十六章 用PyQtGraph绘制可视化数据图表
热门推荐
热爱代码
05-13 1万+
第三十六章 用PyQtGraph绘制可视化数据图表 36.1 下载PyQtGraph 36.2基础知识与用法 36.3将PyQtGraph嵌入到PyQt5中 36.4小结 如果要用Python来绘制图表的话，我们可能首先会想到用Matplotlib这个库。虽然PyQtGraph还没有像Matplotlib那样成熟，但是当数据量非常大的时候，PyQtGraph的处理速度是Matplo...
python作折现图 双坐标轴图、坐标轴单位位置改变、坐标轴刻度旋转、图例设置、设置中文宋体同时英文Times New Roman、设置图片清晰度并保存等作图细节例子
weixin_44720128的博客
03-18 3228
如何作出好看的折线图？无疑从坐标轴到折现宽度都有很多需要设置的地方。本文包含使用python画图的例程。
PyQt5 QtChart-折线图
SongYuLong
12-15 3151
【代码】PyQt5 QtChart-QLineSeries 折线图。
pyqt5,Qchart画折线图,设定多个不同刻度的Y轴,修改自定义折线图的坐标轴,改变折线图的底色
chang0522的博客
05-23 8250
就是这些自己遇到的需求: 如有不对,请大佬不吝赐教. Qchart设定多个不同刻度的Y轴 修改自定义折线图的坐标轴 改变折线图的底色,底色透明 import datetime import sys from PyQt5 import QtWidgets, QtCore from PyQt5.QtCore import Qt from PyQt5.QtGui import QPainter, QC...
PyQt5之折线图绘制
z178443085
03-10 1万+
监控ad端口0-5伏电压变化趋势， Qt designer 制作界面， 各控件名称及所属类右边对象查看器可看到 保存文件名为 read_adc_ui pyuic转换 .iu 文件为.py文件 转换后的代码 # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'read_adc_ui.ui' #...
python入门学习笔记2（设置坐标轴）
夏夜蒲扇的博客
01-18 1392
CODE1: import matplotlib.pyplot as plt import numpy as np x=np.linspace(-3,3,50) #x=np.linspace(a,b,n)，表示将区间[a,b]等分成n等份，x=[a,a+(b-a)/(n-1),......,b] y1=2*x+1 y2=x**2 plt.figure() plt.plot(x,y2) ...
用pyqtgraph画图.rar_pyqt 图像处理_pyqt 画图_pyqtgraph_pyqtgraph gui_pyqtg
07-15
用PYQT进行GUI的详细资料，可以对照参考。。。。。。
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
09-19
主要介绍了PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
PyQt5_Qt5-5.15.2-py3-none-manylinux2014_x86_64.whl
06-21
安装python3的pyqt5中58M大小的安装包，可以先行下载安装
python matplotlib折线图样式实现过程
09-18
主要介绍了python matplotlib折线图样式实现过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Python3.x+PyQtChart实现数据可视化界面（PyQtChart绘图；还有保存图片）和业务逻辑分离案例01_自己写的，有UI界面源代码
08-31
Python3.x+PyQtChart实现数据可视化界面（PyQtChart绘图；还有保存图片）和业务逻辑分离案例01_自己写的，有UI界面源代码。
pyqt5_tools-5.15.2.3-py3-none-any.whl
12-27
pyqt5_tools-5.15.2.3-py3-none-any.whl
pyqtgraph基础入门（二）：使用pyqtgraph绘制折线图（同一坐标轴包含多条折线）
张伟的专栏
02-19 919
这里给刚接触PyQt的同学提一下，p = self.widget.addPlot(title="Basic array plotting")语句中，self.widget 是在ui中创建的名为widiget的模块，也就是最中央的这块画布。p.plot(np.random.normal(size=100), pen=(255, 0, 0), name="Red curve")中，第一项是数据，pen就是画笔的颜色，rgb(255,0,0) 对应的就是红色。之后我也会介绍一些我自己在项目中用到的方法。
PyQt|PySide2 绘图|Python语言 的数据可视化（绘图） 方法
HRD的博客
12-09 5793
PyQtGraph 绘图|Python语言 的数据可视化（绘图） 方法 PyQtGraph 绘图 数据绘图方案 Python语言 的数据可视化（绘图） 方法，常见的有 Matplotlib 和 PyQtGraph Matplotlib 说到 Python语言 的数据作图， Matplotlib 当然是最有名的。 优点： 功能完备、成熟稳定、社区生态圈庞大。 缺点： 某些作图场景性能不高。 PyQtGraph PyQtGraph 是基于Qt 的纯Python 库。 优点： 大数据量的作图性能高
PyQt绘制股票K线多图Y坐标对齐
北辰的博客
12-08 715
PyQt绘制K线图对齐Y轴
pythongui 三维_Python GUI教程（十三）：在GUI中使用pyqtgraph绘图库
weixin_39557583的博客
11-20 624
本篇将会涉及：pyqtgraph绘图库在GUI中集成一个pyqtgraphpyqtgraph绘图库在GUI中集成图形工具是很多桌面程序常有的功能，最为普遍的，就是各种投资交易工具中的价格走势图。比如股票的指数走势，股票的K线图等。在PyQt的应用程序中集成图绘功能，有很多种方案，比如：OpenGL：一个功能强大的二维三维专业图形绘制工具；Matplotlib：Python中很经典的图形绘制模块；P...
【Python_PyQtGraph 学习笔记（一）】图形布局GraphicsLayoutWidget类的基本用法(持续更新)
禾戊之昂的博客
12-07 7396
GraphicsLayoutWidget类的基本用法
PyQt5_pyqtgraph股票指标与所处行业位置控件
m0_37967652的博客
04-28 772
目录 效果： 代码： 使用： 数据： 效果： 1. 点击左边的点，右边显示左边点对应时点该股票在行业中所处位置的散点图，并红星标出 2. 点击右边的点，左边显示右边点对应股票该指标的时间序列数据，并红星标出当前的时点 代码： 需要的包和字符串横坐标控件 import sys import pandas as pd from typing import Any,Dict from PyQt5 import QtCore,QtWidgets,QtGui from PyQt5.Q
pyqt5界面绘制折线图
最新发布
07-27
您可以使用PyQt5中的QChart和QChartView类来绘制折线图。下面是一个示例代码，演示了如何使用PyQt5绘制折线图： ```python import sys from PyQt5.QtCore import Qt from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget from PyQt5.QtChart import QChart, QChartView, QLineSeries class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("折线图示例") self.setGeometry(100, 100, 600, 400) # 创建折线图对象 chart = QChart() chart.legend().hide() chart.setTitle("折线图示例") # 创建折线数据序列 series = QLineSeries() series.append(0, 6) series.append(2, 4) series.append(3, 8) series.append(7, 4) series.append(10, 5) # 将折线数据序列添加到折线图中 chart.addSeries(series) # 创建坐标轴 axis_x = chart.createDefaultAxes() axis_x[0].setTitleText("X轴") axis_y = chart.createDefaultAxes() axis_y[0].setTitleText("Y轴") # 创建折线图视图 chart_view = QChartView(chart) chart_view.setRenderHint(QPainter.Antialiasing) # 创建主布局，并将折线图视图添加到布局中 layout = QVBoxLayout() layout.addWidget(chart_view) # 创建中心窗口，并将布局添加到窗口中 central_widget = QWidget() central_widget.setLayout(layout) self.setCentralWidget(central_widget) if __name__ == "__main__": app = QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) ``` 运行这段代码，将会显示一个简单的折线图窗口。您可以根据需要修改折线图的数据和样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值