• PyQt5_QScrollArea内容保存成图片

    本文提供两个例子，一个简单，一个复杂。基础没有那么好的同学可以看第一个，功能单一且明确；第二个例子较复杂，是根据一个主题绘制多个曲线，里面还有很多其他功能点（在本人以前博文中提过），基础不扎实的同学看了容易晕。

    目录

    效果：

    例子1

    ​例子2

     代码：

    例子1

     例子2

    使用

    例子1

    例子2 

     数据

    效果：

    例子1

     例子2

     

     代码：

    例子1

    1. import sys
    2. from PyQt5 import QtCore, QtGui, QtWidgets
    3.  
    4. class ExampleWidget(QtWidgets.QWidget):
    5.     def __init__(self):
    6.         super().__init__()
    7.         self.temp_save = 0
    8.         self.temp_mark = 0
    9.         self.init_data()
    10.         self.init_ui()
    11.         self.fill_pic_widget()
    12.  
    13.     def init_data(self):
    14.         self.pic_file_name_list = ['000', '001', '002', '003', '004', '005', '006', '007', '008', '009', '010', '011',
    15.                                    '012', '013', '014', '015', '016', '017']
    16.         pass
    17.  
    18.     def init_ui(self):
    19.         self.setWindowTitle('QScrollArea内部生成图片存储')
    20.         one_btn = QtWidgets.QPushButton('换内容')
    21.         one_btn.clicked.connect(self.one_btn_clicked)
    22.  
    23.         two_btn = QtWidgets.QPushButton('ScrollArea内部生成图片存储')
    24.         two_btn.clicked.connect(self.two_btn_clicked)
    25.  
    26.         self.pic_layout = QtWidgets.QGridLayout()
    27.  
    28.         self.scroll_area = QtWidgets.QScrollArea()
    29.         # self.scroll_area.setWidgetResizable(True)
    30.         self.scroll_area.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
    31.  
    32.         layout = QtWidgets.QVBoxLayout()
    33.         layout.addWidget(one_btn)
    34.         layout.addWidget(two_btn)
    35.         layout.addWidget(self.scroll_area)
    36.         self.setLayout(layout)
    37.         pass
    38.  
    39.     def one_btn_clicked(self):
    40.         self.temp_mark = 1
    41.         self.fill_pic_widget()
    42.         pass
    43.     def two_btn_clicked(self):
    44.         self.temp_save += 1
    45.         path,_ = QtWidgets.QFileDialog.getSaveFileName(
    46.             self,
    47.             '选择图片存储路径',
    48.             f"pic_{self.temp_save}",
    49.             'JPG(*.jpg)'
    50.         )
    51.         if not path:
    52.             return
    53.  
    54.         widget = self.scroll_area.widget()
    55.         pix = widget.grab()
    56.         pix.save(path)
    57.         pass
    58.  
    59.     def fill_pic_widget(self):
    60.         '''放置图片'''
    61.         # 清空控件
    62.         while self.pic_layout.count():
    63.             item = self.pic_layout.takeAt(0)
    64.             widget = item.widget()
    65.             if widget is not None:
    66.                 widget.deleteLater()
    67.                 pass
    68.             pass
    69.         sc_child_widget = self.scroll_area.takeWidget()
    70.         if sc_child_widget is not None:
    71.             sc_child_widget.deleteLater()
    72.         pre_dir = r'D:/temp010/'
    73.         row_i = -2
    74.         if self.temp_mark == 1:
    75.             self.pic_file_name_list.reverse()
    76.         for pic_index, file_name in enumerate(self.pic_file_name_list):
    77.             one_check = QtWidgets.QCheckBox(file_name)
    78.             pixmap = QtGui.QPixmap(pre_dir + file_name + '.jpeg')
    79.             one_piclabel = QtWidgets.QLabel()
    80.             one_piclabel.setPixmap(pixmap)
    81.             one_piclabel.setScaledContents(True)
    82.  
    83.             col_i = pic_index % 4
    84.             if col_i == 0:
    85.                 row_i += 2
    86.             print(file_name, row_i, col_i)
    87.             self.pic_layout.addWidget(one_check, row_i, col_i, 1, 1)
    88.             self.pic_layout.addWidget(one_piclabel, row_i + 1, col_i, 1, 1)
    89.             pass
    90.         print('self.pic_layout,', self.pic_layout.count())
    91.         one_sc_child_widget = QtWidgets.QWidget()
    92.         one_sc_child_widget.setLayout(self.pic_layout)
    93.         self.scroll_area.setWidget(one_sc_child_widget)
    94.         pass

     例子2

    1. import sys,math
    2. import pandas as pd
    3. from threading import Thread
    4. from PyQt5 import QtCore,QtWidgets,QtGui
    5. from PyQt5.QtCore import Qt
    6. from typing import Any,Dict,List
    7. import pyqtgraph as pg
    8. pg.setConfigOption('background', 'w')
    9. pg.setConfigOption('foreground', 'k')
    11. class RotateAxisItem(pg.AxisItem):
    12.     def drawPicture(self, p, axisSpec, tickSpecs, textSpecs):
    13.         p.setRenderHint(p.Antialiasing,False)
    14.         p.setRenderHint(p.TextAntialiasing,True)
    16.         ## draw long line along axis
    17.         pen,p1,p2 = axisSpec
    18.         p.setPen(pen)
    19.         p.drawLine(p1,p2)
    20.         p.translate(0.5,0)  ## resolves some damn pixel ambiguity
    22.         ## draw ticks
    23.         for pen,p1,p2 in tickSpecs:
    24.             p.setPen(pen)
    25.             p.drawLine(p1,p2)
    27.         ## draw all text
    28.         # if self.tickFont is not None:
    29.         #     p.setFont(self.tickFont)
    30.         p.setPen(self.pen())
    31.         for rect,flags,text in textSpecs:
    32.             # this is the important part
    33.             p.save()
    34.             p.translate(rect.x(),rect.y())
    35.             p.rotate(-30)
    36.             p.drawText(-rect.width(),rect.height(),rect.width(),rect.height(),flags,text)
    37.             # restoring the painter is *required*!!!
    38.             p.restore()
    40. class RotateAxisItemOneYear(pg.AxisItem):
    41.     def drawPicture(self, p, axisSpec, tickSpecs, textSpecs):
    42.         p.setRenderHint(p.Antialiasing,False)
    43.         p.setRenderHint(p.TextAntialiasing,True)
    45.         ## draw long line along axis
    46.         pen,p1,p2 = axisSpec
    47.         p.setPen(pen)
    48.         p.drawLine(p1,p2)
    49.         p.translate(0.5,-1)  ## resolves some damn pixel ambiguity
    50.         # p.translate(1,0)  ## resolves some damn pixel ambiguity
    52.         ## draw ticks
    53.         for pen,p1,p2 in tickSpecs:
    54.             p.setPen(pen)
    55.             p.drawLine(p1,p2)
    57.         ## draw all text
    58.         # if self.tickFont is not None:
    59.         #     p.setFont(self.tickFont)
    60.         font = QtGui.QFont()
    61.         font.setPixelSize(9)
    62.         p.setFont(font)
    63.         p.setPen(self.pen())
    64.         for rect,flags,text in textSpecs:
    65.             # this is the important part
    66.             p.save()
    67.             p.translate(rect.x(),rect.y())
    68.             p.rotate(-30)
    69.             p.drawText(-rect.width()*0.6,rect.height(),rect.width(),rect.height(),flags,text)
    70.             # restoring the painter is *required*!!!
    71.             p.restore()

    RotateAxisItem: 自定义横坐标

    RotateAxisItemOneYear: 自定义横坐标，相比RotateAxisItem相比只是字号小，其实这两个可以合并为一个，大家自己探索哈。

    1. class PyQtGraphLineWidget(QtWidgets.QWidget):
    2.     def __init__(self):
    3.         super().__init__()
    4.         self.line_type: int = 1
    5.  
    6.         self.fomc_p = None
    7.         self.temp_thread = None
    8.  
    9.         self.init_data()
    10.         self.init_ui()
    11.         # self.register_event()
    12.     def init_data(self):
    13.         # 颜色值 https://www.sioe.cn/yingyong/yanse-rgb-16/
    14.         self.color_one = (30,144,255)
    15.         self.color_two = (255,140,0)
    16.         self.p2 = None
    17.         self.legend2 = None
    18.         self.curve2 = None
    19.         pass
    20.     def init_ui(self):
    21.         self.title_label = QtWidgets.QLabel('折线图')
    22.         self.title_label.setAlignment(Qt.AlignCenter)
    23.         self.title_label.setStyleSheet('QLabel{font-size:18px;font-weight:bold;}')
    24.         xax = RotateAxisItem(orientation='bottom')
    25.         xax.setHeight(h=80)
    26.         self.pw = pg.PlotWidget(axisItems={'bottom': xax})
    27.         self.pw.setMouseEnabled(x=True,y=False)
    28.         # self.pw.enableAutoRange(x=False,y=True)
    29.         self.pw.setAutoVisible(x=False,y=True)
    30.         layout = QtWidgets.QVBoxLayout()
    31.         layout.addWidget(self.title_label)
    32.         layout.addWidget(self.pw)
    33.         self.setLayout(layout)
    34.         pass
    35.  
    36.     def set_data(self, data: Dict[str, Any]):
    37.         '''单根y轴'''
    38.         self.line_type = 1
    39.         if data is None:
    40.             self.pw.clear()
    41.             return
    42.         if self.p2 is not None:
    43.             '''
    44.             如果前一次显示的是双y轴，
    45.             【暂且把self.pw叫做主视图，self.p2叫做右侧视图】
    46.             1. 要把主视图右侧坐标轴隐藏
    47.             2. 要把主视图右侧跟随变动的信号断开
    48.             3. 将右侧视图(ViewBox)删除
    49.             4. 将右侧视图(ViewBox)清空
    50.             5. 将右侧视图置空
    51.             '''
    52.             self.pw.hideAxis('right')
    53.             self.vb.sigResized.disconnect(self.updateViews)
    54.             self.pw.scene().removeItem(self.p2)
    55.             self.p2.clear()
    56.             self.legend2.clear()
    57.             self.curve2.clear()
    58.             self.vb.clear()
    59.             self.p2 = None
    60.             self.legend2 = None
    61.             self.curve2 = None
    62.         # 将上一次视图清空
    63.         self.pw.clear()
    64.         self.pw.addLegend()
    65.         title_str = data['title_str']
    66.         self.title_label.setText(title_str)
    67.         xTick = [data['xTick00']]
    68.         x = data['x']
    69.         y = data['y']
    70.         y_name = data['y_name']
    71.         self.pw.setLabel('left', y_name)
    72.         self.y_datas = y
    73.         self.x_data = xTick
    74.         self.x_Tick = data['xTick']
    75.         self.y_name = y_name
    76.         xax = self.pw.getAxis('bottom')
    77.         xax.setTicks(xTick)
    78.  
    79.         self.pw.plot(x, y, connect='finite', pen=pg.mkPen({'color': self.color_one, 'width': 4}), name=self.y_name)
    80.  
    81.         self.vLine = pg.InfiniteLine(angle=90, movable=False)
    82.         self.hLine = pg.InfiniteLine(angle=0, movable=False)
    83.         self.label = pg.TextItem()
    84.  
    85.         self.pw.addItem(self.vLine, ignoreBounds=True)
    86.         self.pw.addItem(self.hLine, ignoreBounds=True)
    87.         self.pw.addItem(self.label, ignoreBounds=True)
    88.         self.vb = self.pw.getViewBox()
    89.         self.proxy = pg.SignalProxy(self.pw.scene().sigMouseMoved, rateLimit=60, slot=self.mouseMoved)
    90.         # 显示整条折线图
    91.         self.pw.enableAutoRange()
    92.         pass
    93.  
    94.     def set_data_2y(self, data: Dict[str, Any]):
    95.         '''双y轴'''
    96.         self.line_type = 2
    97.         if data is None:
    98.             self.pw.clear()
    99.             return
    100.         if self.p2 is not None:
    101.             self.pw.hideAxis('right')
    102.             self.vb.sigResized.disconnect(self.updateViews)
    103.             self.pw.scene().removeItem(self.p2)
    104.             self.p2.clear()
    105.             self.legend2.clear()
    106.             self.curve2.clear()
    107.             self.vb.clear()
    108.             self.p2 = None
    109.             self.legend2 = None
    110.             self.curve2 = None
    111.         if self.fomc_p:
    112.             self.pw.scene().removeItem(self.fomc_p)
    113.         self.pw.clear()
    114.         self.pw.addLegend()
    115.         title_str = data['title_str']
    116.         self.title_label.setText(title_str)
    117.         xTick = [data['xTick00']]
    118.         x = data['x']
    119.         y = data['y']
    120.         y_name = data['y_name']
    121.         self.pw.setLabel('left', y_name)
    122.         self.y_datas = y
    123.         self.x_data = xTick
    124.         self.x_Tick = data['xTick']
    125.         self.y_name = y_name
    126.         xax = self.pw.getAxis('bottom')
    127.         xax.setTicks(xTick)
    128.  
    129.         self.pw.plot(x, y, connect='finite', pen=pg.mkPen({'color': self.color_one, 'width': 4}), name=self.y_name)
    130.  
    131.         self.vLine = pg.InfiniteLine(angle=90, movable=False)
    132.         self.hLine = pg.InfiniteLine(angle=0, movable=False)
    133.         self.label = pg.TextItem()
    134.  
    135.         self.pw.addItem(self.vLine, ignoreBounds=True)
    136.         self.pw.addItem(self.hLine, ignoreBounds=True)
    137.         self.pw.addItem(self.label, ignoreBounds=True)
    138.  
    139.         # 第二根y轴 start
    140.         y2 = data['y2']
    141.         y_name2 = data['y_name2']
    142.         self.y_datas2 = y2
    143.         self.pw.setLabel('right', y_name2)
    144.         self.p2 = pg.ViewBox()
    145.         self.p2.setMouseEnabled(x=True, y=False)
    146.         self.p2.setAutoVisible(x=False, y=True)
    147.         self.pw.scene().addItem(self.p2)
    148.         self.pw.getAxis('right').linkToView(self.p2)
    149.         self.p2.setXLink(self.pw)
    150.         self.curve2 = pg.PlotCurveItem(x=x,y=y2, pen=pg.mkPen({'color': self.color_two, 'width': 4}), connect='finite')
    151.         self.p2.addItem(self.curve2)
    152.         self.legend2 = pg.LegendItem(offset=(0., 1.))
    153.         self.legend2.setParentItem(self.p2)
    154.         power = pg.PlotDataItem(antialias=True, pen=pg.mkPen({'color': self.color_two, 'width': 4}))
    155.         self.legend2.addItem(power, y_name2)
    156.         # 第二根y轴 end
    157.         self.vb = self.pw.getViewBox()
    158.         self.updateViews()
    159.         self.vb.sigResized.connect(self.updateViews)
    160.         self.proxy = pg.SignalProxy(self.pw.scene().sigMouseMoved, rateLimit=60, slot=self.mouseMoved)
    161.         self.pw.enableAutoRange()
    162.         pass
    163.     def updateViews(self):
    164.         if self.p2:
    165.             self.p2.setGeometry(self.pw.getViewBox().sceneBoundingRect())
    166.             self.p2.linkedViewChanged(self.pw.getViewBox(), self.p2.XAxis)
    167.         if self.fomc_p:
    168.             self.fomc_p.setGeometry(self.pw.getViewBox().sceneBoundingRect())
    169.             self.fomc_p.linkedViewChanged(self.pw.getViewBox(), self.fomc_p.XAxis)
    170.         pass
    171.  
    172.     def mouseMoved(self,evt):
    173.         pos = evt[0]
    174.         if self.pw.sceneBoundingRect().contains(pos):
    175.             mousePoint = self.vb.mapSceneToView(pos)
    176.             index = int(mousePoint.x())
    177.             if index >= 0 and index < len(self.y_datas):
    178.                 x_str = self.x_Tick[index][1]
    179.  
    180.                 y_str_html = ''
    181.                 if self.line_type == 2:
    182.                     y_str2 = str(self.y_datas2[index])
    183.                     y_str_html += '&nbsp;'+y_str2
    184.                 y_str = str(self.y_datas[index])
    185.                 y_str_html += '&nbsp;' + y_str
    186.                 html_str = '<p style="color:black;font-size:18px;font-weight:bold;">&nbsp;' + x_str +'&nbsp;'+y_str_html+ '</p>'
    187.                 self.label.setHtml(html_str)
    188.                 self.label.setPos(mousePoint.x(), mousePoint.y())
    189.             self.vLine.setPos(mousePoint.x())
    190.             self.hLine.setPos(mousePoint.y())
    191.         pass
    192.  
    193. class PyQtGraphLineOneYearWidget(QtWidgets.QWidget):
    194.     def __init__(self):
    195.         super().__init__()
    196.         self.line_type: int = 1
    197.  
    198.         self.fomc_p = None
    199.         self.temp_thread = None
    200.  
    201.         self.init_data()
    202.         self.init_ui()
    203.         # self.register_event()
    204.     def init_data(self):
    205.         # 颜色值 https://www.sioe.cn/yingyong/yanse-rgb-16/
    206.         self.color_one = (30,144,255)
    207.         self.color_two = (255,140,0)
    208.         self.p2 = None
    209.         self.legend2 = None
    210.         self.curve2 = None
    211.         pass
    212.     def init_ui(self):
    213.         self.title_label = QtWidgets.QLabel('折线图')
    214.         self.title_label.setAlignment(Qt.AlignCenter)
    215.         self.title_label.setStyleSheet('QLabel{font-size:18px;font-weight:bold;}')
    216.         xax = RotateAxisItemOneYear(orientation='bottom')
    217.         xax.setHeight(h=50)
    218.         self.pw = pg.PlotWidget(axisItems={'bottom': xax})
    219.         self.pw.setMouseEnabled(x=True,y=False)
    220.         # self.pw.enableAutoRange(x=False,y=True)
    221.         self.pw.setAutoVisible(x=False,y=True)
    222.         layout = QtWidgets.QVBoxLayout()
    223.         layout.addWidget(self.title_label)
    224.         layout.addWidget(self.pw)
    225.         self.setLayout(layout)
    226.         pass
    227.  
    228.     def set_data(self, data: Dict[str, Any]):
    229.         '''单根y轴'''
    230.         self.line_type = 1
    231.         if data is None:
    232.             self.pw.clear()
    233.             return
    234.         if self.p2 is not None:
    235.             '''
    236.             如果前一次显示的是双y轴，
    237.             【暂且把self.pw叫做主视图，self.p2叫做右侧视图】
    238.             1. 要把主视图右侧坐标轴隐藏
    239.             2. 要把主视图右侧跟随变动的信号断开
    240.             3. 将右侧视图(ViewBox)删除
    241.             4. 将右侧视图(ViewBox)清空
    242.             5. 将右侧视图置空
    243.             '''
    244.             self.pw.hideAxis('right')
    245.             self.vb.sigResized.disconnect(self.updateViews)
    246.             self.pw.scene().removeItem(self.p2)
    247.             self.p2.clear()
    248.             self.legend2.clear()
    249.             self.curve2.clear()
    250.             self.vb.clear()
    251.             self.p2 = None
    252.             self.legend2 = None
    253.             self.curve2 = None
    254.         # 将上一次视图清空
    255.         self.pw.clear()
    256.         self.pw.addLegend()
    257.         title_str = data['title_str']
    258.         self.title_label.setText(title_str)
    259.         xTick = [data['xTick00']]
    260.         x = data['x']
    261.         y = data['y']
    262.         y_name = data['y_name']
    263.         self.pw.setLabel('left', y_name)
    264.         self.y_datas = y
    265.         self.x_data = xTick
    266.         self.x_Tick = data['xTick']
    267.         self.y_name = y_name
    268.         xax = self.pw.getAxis('bottom')
    269.         xax.setTicks(xTick)
    270.  
    271.         self.pw.plot(x, y, connect='finite', pen=pg.mkPen({'color': self.color_one, 'width': 4}), name=self.y_name)
    272.  
    273.         self.vLine = pg.InfiniteLine(angle=90, movable=False)
    274.         self.hLine = pg.InfiniteLine(angle=0, movable=False)
    275.         self.label = pg.TextItem()
    276.  
    277.         self.pw.addItem(self.vLine, ignoreBounds=True)
    278.         self.pw.addItem(self.hLine, ignoreBounds=True)
    279.         self.pw.addItem(self.label, ignoreBounds=True)
    280.         self.vb = self.pw.getViewBox()
    281.         self.proxy = pg.SignalProxy(self.pw.scene().sigMouseMoved, rateLimit=60, slot=self.mouseMoved)
    282.         # 显示整条折线图
    283.         self.pw.enableAutoRange()
    284.         pass
    285.  
    286.     def set_data_2y(self, data: Dict[str, Any]):
    287.         '''双y轴'''
    288.         self.line_type = 2
    289.         if data is None:
    290.             self.pw.clear()
    291.             return
    292.         if self.p2 is not None:
    293.             self.pw.hideAxis('right')
    294.             self.vb.sigResized.disconnect(self.updateViews)
    295.             self.pw.scene().removeItem(self.p2)
    296.             self.p2.clear()
    297.             self.legend2.clear()
    298.             self.curve2.clear()
    299.             self.vb.clear()
    300.             self.p2 = None
    301.             self.legend2 = None
    302.             self.curve2 = None
    303.         if self.fomc_p:
    304.             self.pw.scene().removeItem(self.fomc_p)
    305.         self.pw.clear()
    306.         self.pw.addLegend()
    307.         title_str = data['title_str']
    308.         self.title_label.setText(title_str)
    309.         xTick = [data['xTick00']]
    310.         x = data['x']
    311.         y = data['y']
    312.         y_name = data['y_name']
    313.         self.pw.setLabel('left', y_name)
    314.         self.y_datas = y
    315.         self.x_data = xTick
    316.         self.x_Tick = data['xTick']
    317.         self.y_name = y_name
    318.         xax = self.pw.getAxis('bottom')
    319.         xax.setTicks(xTick)
    320.  
    321.         self.pw.plot(x, y, connect='finite', pen=pg.mkPen({'color': self.color_one, 'width': 4}), name=self.y_name)
    322.  
    323.         self.vLine = pg.InfiniteLine(angle=90, movable=False)
    324.         self.hLine = pg.InfiniteLine(angle=0, movable=False)
    325.         self.label = pg.TextItem()
    326.  
    327.         self.pw.addItem(self.vLine, ignoreBounds=True)
    328.         self.pw.addItem(self.hLine, ignoreBounds=True)
    329.         self.pw.addItem(self.label, ignoreBounds=True)
    330.  
    331.         # 第二根y轴 start
    332.         y2 = data['y2']
    333.         y_name2 = data['y_name2']
    334.         self.y_datas2 = y2
    335.         self.pw.setLabel('right', y_name2)
    336.         self.p2 = pg.ViewBox()
    337.         self.p2.setMouseEnabled(x=True, y=False)
    338.         self.p2.setAutoVisible(x=False, y=True)
    339.         self.pw.scene().addItem(self.p2)
    340.         self.pw.getAxis('right').linkToView(self.p2)
    341.         self.p2.setXLink(self.pw)
    342.         self.curve2 = pg.PlotCurveItem(x=x,y=y2, pen=pg.mkPen({'color': self.color_two, 'width': 4}), connect='finite')
    343.         self.p2.addItem(self.curve2)
    344.         self.legend2 = pg.LegendItem(offset=(0., 1.))
    345.         self.legend2.setParentItem(self.p2)
    346.         power = pg.PlotDataItem(antialias=True, pen=pg.mkPen({'color': self.color_two, 'width': 4}))
    347.         self.legend2.addItem(power, y_name2)
    348.         # 第二根y轴 end
    349.         self.vb = self.pw.getViewBox()
    350.         self.updateViews()
    351.         self.vb.sigResized.connect(self.updateViews)
    352.         self.proxy = pg.SignalProxy(self.pw.scene().sigMouseMoved, rateLimit=60, slot=self.mouseMoved)
    353.         self.pw.enableAutoRange()
    354.         pass
    355.     def updateViews(self):
    356.         if self.p2:
    357.             self.p2.setGeometry(self.pw.getViewBox().sceneBoundingRect())
    358.             self.p2.linkedViewChanged(self.pw.getViewBox(), self.p2.XAxis)
    359.         if self.fomc_p:
    360.             self.fomc_p.setGeometry(self.pw.getViewBox().sceneBoundingRect())
    361.             self.fomc_p.linkedViewChanged(self.pw.getViewBox(), self.fomc_p.XAxis)
    362.         pass
    363.  
    364.     def mouseMoved(self,evt):
    365.         pos = evt[0]
    366.         if self.pw.sceneBoundingRect().contains(pos):
    367.             mousePoint = self.vb.mapSceneToView(pos)
    368.             index = int(mousePoint.x())
    369.             if index >= 0 and index < len(self.y_datas):
    370.                 x_str = self.x_Tick[index][1]
    371.  
    372.                 y_str_html = ''
    373.                 if self.line_type == 2:
    374.                     y_str2 = str(self.y_datas2[index])
    375.                     y_str_html += '&nbsp;'+y_str2
    376.                 y_str = str(self.y_datas[index])
    377.                 y_str_html += '&nbsp;' + y_str
    378.                 html_str = '<p style="color:black;font-size:18px;font-weight:bold;">&nbsp;' + x_str +'&nbsp;'+y_str_html+ '</p>'
    379.                 self.label.setHtml(html_str)
    380.                 self.label.setPos(mousePoint.x(), mousePoint.y())
    381.             self.vLine.setPos(mousePoint.x())
    382.             self.hLine.setPos(mousePoint.y())
    383.         pass

    PyQtGraphLineWidget和PyQtGraphLineOneYearWidget也是可以合并为一个的，我只是犯懒，大家有兴趣的可以自己探索哈，这两个是用于显示折线的控件

    1. class ChildLineWidget(QtWidgets.QWidget):
    2.     def __init__(self):
    3.         super().__init__()
    4.         self.init_data()
    5.         self.init_ui()
    6.         pass
    7.     def init_data(self):
    8.         pass
    9.     def init_ui(self):
    10.         self.setMinimumHeight(600)
    11.         self.left_line_widget = PyQtGraphLineWidget()
    12.         self.righttop_line_widget = PyQtGraphLineOneYearWidget()
    13.         self.rightdown_table_widget = QtWidgets.QTableWidget()
    14.  
    15.         layout_right = QtWidgets.QVBoxLayout()
    16.         layout_right.addWidget(self.righttop_line_widget,1)
    17.         layout_right.addWidget(self.rightdown_table_widget,1)
    18.  
    19.         layout = QtWidgets.QHBoxLayout()
    20.         layout.addWidget(self.left_line_widget,3)
    21.         layout.addLayout(layout_right,1)
    22.         self.setLayout(layout)
    23.         pass
    24.     def set_data(self,data:Dict[str,Any]):
    25.         line_data = data['line_data']
    26.         table_data = data['table_data']
    27.  
    28.         self.setting_line_data(line_data)
    29.         self.setting_table_data(table_data)
    30.         pass
    31.     def setting_line_data(self,data:Dict[str,Any]):
    32.         line_type = data['line_type']
    33.         whole_line = data['whole_line']
    34.         one_year_line = data['one_year_line']
    35.         if line_type == 2:
    36.             self.left_line_widget.set_data_2y(whole_line)
    37.             self.righttop_line_widget.set_data_2y(one_year_line)
    38.         else:
    39.             self.left_line_widget.set_data(whole_line)
    40.             self.righttop_line_widget.set_data(one_year_line)
    41.         pass
    42.     def setting_table_data(self,data:Dict[str,Any]):
    43.         table_header = data['table_header']
    44.         table_body = data['table_body']
    45.         self.rightdown_table_widget.clearContents()
    46.         self.rightdown_table_widget.setColumnCount(len(table_header))
    47.         self.rightdown_table_widget.setHorizontalHeaderLabels(table_header)
    48.         self.rightdown_table_widget.setRowCount(len(table_body))
    49.  
    50.         for r_i,r_v in enumerate(table_body):
    51.             for c_i,c_v in enumerate(r_v):
    52.                 cell = QtWidgets.QTableWidgetItem(str(c_v))
    53.                 self.rightdown_table_widget.setItem(r_i,c_i,cell)
    54.                 pass
    55.         self.rightdown_table_widget.resizeColumnsToContents()
    56.         pass
    57.     pass

    ChildLineWidget: 在滚动区中一个数据的完整显示控件，显示数据的全数据折线图，近期数据折现图和最新50个数据列表

    1. class MultiChildLineWidget(QtWidgets.QWidget):
    2.     def __init__(self):
    3.         super().__init__()
    4.         self.init_data()
    5.         self.init_ui()
    6.         pass
    7.     def init_data(self):
    8.         self.title_str: str = '主题名'
    9.         self.child_line_data_list: List[Any] = []
    10.         pass
    11.     def init_ui(self):
    12.         self.layout_child = QtWidgets.QVBoxLayout()
    13.  
    14.         self.scroll_area = QtWidgets.QScrollArea()
    15.         self.scroll_area.setWidgetResizable(True)
    16.         self.scroll_area.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
    17.  
    18.         layout = QtWidgets.QVBoxLayout()
    19.         layout.addWidget(self.scroll_area)
    20.         self.setLayout(layout)
    21.         pass
    22.     def set_data(self,data:Dict[str,Any]):
    23.         title_str = data['title']
    24.         self.child_line_data_list = data['line_data_list']
    25.  
    26.         self.title_str = title_str
    27.         self.fill_child_line_widget()
    28.         pass
    29.     def fill_child_line_widget(self):
    30.         # 清空控件
    31.         while self.layout_child.count():
    32.             item = self.layout_child.takeAt(0)
    33.             widget = item.widget()
    34.             if widget is not None:
    35.                 widget.deleteLater()
    36.                 pass
    37.             pass
    38.         sc_child_widget = self.scroll_area.takeWidget()
    39.         if sc_child_widget is not None:
    40.             sc_child_widget.deleteLater()
    41.  
    42.         title_label = QtWidgets.QLabel(self.title_str)
    43.         title_label.setAlignment(Qt.AlignCenter)
    44.         title_label.setStyleSheet('QLabel{font-size:26px;font-weight:bold;color:blue}')
    45.  
    46.         self.layout_child.addWidget(title_label)
    47.         self.layout_child.addSpacing(10)
    48.         for one_item in self.child_line_data_list:
    49.             one_widget = ChildLineWidget()
    50.             one_widget.set_data(one_item)
    51.             self.layout_child.addWidget(one_widget)
    52.             self.layout_child.addSpacing(10)
    53.             pass
    54.  
    55.         one_sc_child_widget = QtWidgets.QWidget()
    56.         one_sc_child_widget.setLayout(self.layout_child)
    57.         self.scroll_area.setWidget(one_sc_child_widget)
    58.         pass
    59.     def res_scroll_widget(self):
    60.         return self.scroll_area.widget()
    61.     pass

    MultiChildLineWidget: 放置多个最小数据单元控件ChildLineWidget的容器

    1. class ExampleScrollLineWidget(QtWidgets.QWidget):
    2.     close_signal = QtCore.pyqtSignal(str)
    3.     signal_themeline = QtCore.pyqtSignal(object)
    4.     def __init__(self):
    5.         super().__init__()
    6.         self.caculate_thread = None
    7.  
    8.         self.init_data()
    9.         self.init_ui()
    10.         self.register_event()
    11.         pass
    12.     def init_data(self):
    13.         self.pre_catalog_list:List[Any] = []
    14.         self.pre_data_list:List[Any] = []
    15.  
    16.         self.pic_count:int = 0
    17.         self.catalog_code_list: List[str] = ['economic_usanationdebt10y','economic_goldspotprice','economic_medianpehs300','economic_pigprice','economic_usdebt10sub1','economic_chinadebt10sub1']
    18.         self.period_year_map: Dict[str,int] = {
    19.             '日数据':252,
    20.             '周数据':52,
    21.             '月数据':12,
    22.             '季度数据':8,
    23.             '年数据':5
    24.         }
    25.         self.table_count: int = 50
    26.         self.x_count: int = 20
    27.         pass
    28.     def init_ui(self):
    29.         self.caculate_progress = QtWidgets.QProgressBar()
    30.         self.caculate_status_label = QtWidgets.QLabel()
    31.         layout_progress = QtWidgets.QHBoxLayout()
    32.         layout_progress.addWidget(self.caculate_progress)
    33.         layout_progress.addWidget(self.caculate_status_label)
    34.  
    35.         choise_btn = QtWidgets.QPushButton('选择数据')
    36.         choise_btn.clicked.connect(self.choise_btn_clicked)
    37.         create_pic_btn = QtWidgets.QPushButton('生成图片')
    38.         create_pic_btn.clicked.connect(self.create_pic_btn_clicked)
    39.         tip_label = QtWidgets.QLabel('主题名')
    40.         self.theme_lineedit = QtWidgets.QLineEdit()
    41.  
    42.         layout_btn = QtWidgets.QHBoxLayout()
    43.         layout_btn.addWidget(choise_btn)
    44.         layout_btn.addWidget(create_pic_btn)
    45.  
    46.         layout_input = QtWidgets.QHBoxLayout()
    47.         layout_input.addWidget(tip_label)
    48.         layout_input.addWidget(self.theme_lineedit)
    49.  
    50.         self.muliti_widget = MultiChildLineWidget()
    51.  
    52.         layout = QtWidgets.QVBoxLayout()
    53.         layout.addLayout(layout_progress)
    54.         layout.addLayout(layout_btn)
    55.         layout.addLayout(layout_input)
    56.         layout.addWidget(self.muliti_widget)
    57.         self.setLayout(layout)
    58.         pass
    59.     def register_event(self):
    60.         self.signal_themeline.connect(self.process_themeline_event)
    61.         pass
    62.     def process_themeline_event(self,data:Dict[str,Any])->None:
    63.         change_type = data['change_type']
    64.         if change_type == 'caculate_result':
    65.             res_data = data['data']
    66.             title_str = self.theme_lineedit.text()
    67.             print(title_str)
    68.             title_str = title_str.strip()
    69.             if len(title_str)<=0:
    70.                 title_str = '主题'
    71.             pre_show_data = {
    72.                 'title':title_str,
    73.                 'line_data_list':res_data
    74.             }
    75.             self.muliti_widget.set_data(pre_show_data)
    76.  
    77.             self.progress_finished()
    78.             self.caculate_thread = None
    79.         pass
    80.  
    81.     def setting_data(self,data:Dict[str,Any]):
    82.         self.pre_catalog_list = data['catalog']
    83.         self.pre_data_list = data['data']
    84.         pass
    85.  
    86.     def choise_btn_clicked(self):
    87.         '''选择数据按钮点击'''
    88.         self.start_caculate_thread('caculate',None)
    89.         pass
    90.     def create_pic_btn_clicked(self):
    91.         '''生成图片按钮点击'''
    92.         self.pic_count += 1
    93.         path, _ = QtWidgets.QFileDialog.getSaveFileName(
    94.             self,
    95.             '选择图片存储路径',
    96.             f"pic_{self.pic_count}",
    97.             'JPG(*.jpg)'
    98.         )
    99.         if not path:
    100.             return
    101.  
    102.         widget = self.muliti_widget.res_scroll_widget()
    103.         pix = widget.grab()
    104.         pix.save(path)
    105.         pass
    106.  
    107.     def init_caculate_thread(self):
    108.         self.progress_init()
    109.         # self.start_caculate_thread('init', None)
    110.         pass
    111.  
    112.     def start_caculate_thread(self, mark_str: str, data: Dict[str, Any]):
    113.         if self.caculate_thread:
    114.             QtWidgets.QMessageBox.information(
    115.                 self,
    116.                 '提示',
    117.                 '有任务正在执行',
    118.                 QtWidgets.QMessageBox.Yes
    119.             )
    120.             return
    121.         self.caculate_thread = Thread(
    122.             target=self.running_caculate_thread,
    123.             args=(
    124.                 mark_str,
    125.                 data,
    126.             )
    127.         )
    128.         self.caculate_thread.start()
    129.         self.progress_busy()
    130.         pass
    131.  
    132.     def running_caculate_thread(self, mark_str: str, data: Dict[str, Any]):
    133.         if mark_str == 'caculate':
    134.             catalog_list = self.pre_catalog_list
    135.             data_list = self.pre_data_list
    136.             # 开始处理数据
    137.             catalog_map = {}
    138.             for item in catalog_list:
    139.                 catalog_code = item['economic_code']
    140.                 level = item['level']
    141.                 if level == 2:
    142.                     catalog_name = f"{item['economic_name']}【{item['economic_source']}】"
    143.                 else:
    144.                     catalog_name = item['economic_name']
    145.                 catalog_lineshow = item['economic_lineshow']
    146.                 if catalog_lineshow.get('y2') is not None:
    147.                     line_type = 2
    148.                 else:
    149.                     line_type = 1
    150.                 catalog_period = item['economic_period']
    151.                 if self.period_year_map.get(catalog_period) is None:
    152.                     last_one_year_count = 10
    153.                 else:
    154.                     last_one_year_count = self.period_year_map[catalog_period]
    155.                 catalog_map[catalog_code] = {
    156.                     'catalog_name':catalog_name,
    157.                     'catalog_lineshow':catalog_lineshow,
    158.                     'line_type':line_type,
    159.                     'catalog_period':catalog_period,
    160.                     'last_one_year_count':last_one_year_count
    161.                 }
    162.  
    163.             res_show_list = []
    164.             for item in data_list:
    165.                 catalog_code = item['catalog_code']
    166.                 catalog_obj = catalog_map[catalog_code]
    167.                 last_one_year_count = catalog_obj['last_one_year_count']
    168.                 catalog_name = catalog_obj['catalog_name']
    169.                 catalog_lineshow = catalog_obj['catalog_lineshow']
    170.                 line_type = catalog_obj['line_type']
    171.  
    172.                 column_list = item['column_list']
    173.                 pd_column_list = item['pd_column_list']
    174.                 item_data_list = item['data_list']
    175.  
    176.                 df = pd.DataFrame(columns=pd_column_list,data=item_data_list)
    177.                 df_one_year = df.iloc[-1*last_one_year_count:, :].copy()
    178.                 df_table = df.iloc[-1*self.table_count:,:].copy()
    179.  
    180.                 if line_type == 2:
    181.                     # 双Y轴
    182.                     whole_line_data = self.res_twoY_line_data(df,catalog_lineshow)
    183.                     one_year_line_data = self.res_twoY_line_data(df_one_year,catalog_lineshow)
    184.                     pass
    185.                 else:
    186.                     # 一条曲线
    187.                     whole_line_data = self.res_one_line_data(df,catalog_lineshow)
    188.                     one_year_line_data = self.res_one_line_data(df_one_year,catalog_lineshow)
    189.                     pass
    190.  
    191.                 whole_line_data['title_str'] = catalog_name
    192.                 one_year_line_data['title_str'] = f"{catalog_name}(近期)"
    193.  
    194.                 one_line = {
    195.                     'line_type':line_type,
    196.                     'whole_line':whole_line_data,
    197.                     'one_year_line':one_year_line_data
    198.                 }
    199.  
    200.                 # 表格数据
    201.                 one_table = {
    202.                     'table_header':column_list,
    203.                     'table_body':df_table.values.tolist()
    204.                 }
    205.  
    206.                 res_show_list.append({
    207.                     'line_data':one_line,
    208.                     'table_data':one_table
    209.                 })
    210.                 pass
    211.  
    212.             res_json = {}
    213.             res_json['change_type'] = 'caculate_result'
    214.             res_json['data'] = res_show_list
    215.  
    216.             self.signal_themeline.emit(res_json)
    217.             pass
    218.         pass
    219.     def res_one_line_data(self,df:pd.DataFrame,catalog_lineshow:Dict[str,Any])->Dict[str,Any]:
    220.         whole_line_data = {}
    221.  
    222.         df['count'] = range(len(df))
    223.         df[catalog_lineshow['y1']] = df[catalog_lineshow['y1']].astype('float')
    224.         x = df['count'].values.tolist()
    225.         y = df[catalog_lineshow['y1']].values.tolist()
    226.         xnames = df[catalog_lineshow['x']].values.tolist()
    227.         xTicks = [(one_i, two_i) for one_i, two_i in zip(x, xnames)]
    228.         xTicks00 = []
    229.         if len(xTicks) > self.x_count:
    230.             dur_count = math.floor(len(xTicks) / self.x_count)
    231.             for i in range(0, len(xTicks), dur_count):
    232.                 xTicks00.append(xTicks[i])
    233.         else:
    234.             xTicks00 = xTicks
    235.         y_name = catalog_lineshow['ylabel']
    236.  
    237.         whole_line_data['x'] = x
    238.         whole_line_data['y'] = y
    239.         whole_line_data['xTick00'] = xTicks00
    240.         whole_line_data['y_name'] = y_name
    241.         whole_line_data['xTick'] = xTicks
    242.         return whole_line_data
    243.  
    244.     def res_twoY_line_data(self, df: pd.DataFrame, catalog_lineshow: Dict[str, Any]) -> Dict[str, Any]:
    245.         whole_line_data = {}
    246.  
    247.         df['count'] = range(len(df))
    248.         df[catalog_lineshow['y1']] = df[catalog_lineshow['y1']].astype('float')
    249.         df[catalog_lineshow['y2']] = df[catalog_lineshow['y2']].astype('float')
    250.         x = df['count'].values.tolist()
    251.         y = df[catalog_lineshow['y1']].values.tolist()
    252.         y2 = df[catalog_lineshow['y2']].values.tolist()
    253.         xnames = df[catalog_lineshow['x']].values.tolist()
    254.         xTicks = [(one_i, two_i) for one_i, two_i in zip(x, xnames)]
    255.         xTicks00 = []
    256.         if len(xTicks) > self.x_count:
    257.             dur_count = math.floor(len(xTicks) / self.x_count)
    258.             for i in range(0, len(xTicks), dur_count):
    259.                 xTicks00.append(xTicks[i])
    260.         else:
    261.             xTicks00 = xTicks
    262.         y_name = catalog_lineshow['ylabel']
    263.         y_name2 = catalog_lineshow['ylabel2']
    264.  
    265.         whole_line_data['x'] = x
    266.         whole_line_data['y'] = y
    267.         whole_line_data['y2'] = y2
    268.         whole_line_data['xTick00'] = xTicks00
    269.         whole_line_data['y_name'] = y_name
    270.         whole_line_data['y_name2'] = y_name2
    271.         whole_line_data['xTick'] = xTicks
    272.         return whole_line_data
    273.  
    274.     def progress_init(self)->None:
    275.         self.caculate_progress.setValue(0)
    276.         self.caculate_status_label.setText('无任务')
    277.     def progress_busy(self)->None:
    278.         self.caculate_progress.setRange(0,0)
    279.         self.caculate_status_label.setText('正在执行')
    280.     def progress_finished(self)->None:
    281.         self.caculate_progress.setRange(0,100)
    282.         self.caculate_progress.setValue(100)
    283.         self.caculate_status_label.setText('执行完毕')
    284.     def closeEvent(self, QCloseEvent):
    285.         # self.close_signal.emit('ThemeLineWidget')
    286.         self.close()
    287.         pass
    288.     pass

    使用

    例子1

    1. if __name__ == '__main__':
    2.     app = QtWidgets.QApplication(sys.argv)
    3.     t_win = ExampleWidget()
    4.     t_win.showMaximized()
    5.     sys.exit(app.exec_())
    6.     pass

     点击“ScrollArea内容生成图片存储”按钮

     选择要存储的目录，点击保存，在对应目录下就能看到对应图片

    例子2 

    1. if __name__ == '__main__':
    2.     QtCore.QCoreApplication.setAttribute(QtCore.Qt.HighDpiScaleFactorRoundingPolicy.PassThrough)
    3.     app = QtWidgets.QApplication(sys.argv)
    4.  
    5.     import json
    6.     pre_dir = r'D:/temp006/'
    7.     with open(pre_dir+'catalog_list.json','r',encoding='utf-8') as fr:
    8.         catalog_list = json.load(fr)
    9.     with open(pre_dir+'data_list.json','r',encoding='utf-8') as fr:
    10.         data_list = json.load(fr)
    11.     pre_data = {
    12.         'catalog':catalog_list,
    13.         'data':data_list
    14.     }
    15.     t_win = ExampleScrollLineWidget()
    16.     t_win.showMaximized()
    17.     t_win.setting_data(pre_data)
    18.     sys.exit(app.exec_())
    19.     pass

    点击“生成图片”按钮

     选择要保存的目录，单击“保存”，在对应的目录下可以看到图片

     

     数据

    文中使用到的数据：

    链接：https://pan.baidu.com/s/1NumTfqscqDAXLN0V_pHNRw 
    提取码：b5oh

     

  • 相关阅读:
    MyCat简介与安装
    RHEL 6和RHEL 7管理服务的区别
    如何使用 Puppeteer 避免机器人检测？
    VS 将 localhost访问改为ip访问
    记录--怎么写一个可以鼠标控制旋转的div？
    阿里云搭建wordpress，自己的第一个网站
    FFT点数、补零对结果的影响
    制造业各细分行业数据库（2000-2019年）
    【Unity3D】卷轴特效
    解决js代码中加入alert就成功执行请求接口，不加就不执行的问题
  • 原文地址：https://blog.csdn.net/m0_37967652/article/details/125508988