主页 / 问题 / 1547622
Accepted
Garp
Asked:2023-10-24 16:08:15 +0800 CST2023-10-24 16:08:15 +0800 CST

QScrollArea，滚动图形

  • 772

有一个沿轴相当大的图X。只有一部分应该显示在窗口中，其余部分应该可以通过 QScrollArea 中的滑块滚动。

from PySide6.QtWidgets import *
from PySide6.QtGui import *
from PySide6.QtCore import *
from PySide6.QtCharts import *
import pandas as pd
import sys


# Функция чтения данных
def read_csv_file( file, n):
    df = pd.read_csv(file)
    col = df.loc[:, n]
    return col.tolist()


# Скролл обёртка для графика
class ScrollChartClass(QWidget):
    def __init__(self, chart):
        super().__init__()
        self.chart = chart
        self.initUI()

    def initUI(self):
        self.scroll = QScrollArea()
        self.hbox = QHBoxLayout()
        self.scroll.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
        self.scroll.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOn)
        self.scroll.setWidgetResizable(True)
        self.scroll.sizePolicy()
        self.scroll.setWidget(self.chart)
        self.hbox.addWidget(self.scroll)
        self.setLayout(self.hbox)
        return


class Main(QWidget):
    def __init__(self, parent: QObject = None):
        super().__init__(parent)
        self.filename = "example_csv_file.csv"
        self.resize(1000, 250)
        self.initUI()

    def initUI(self):
        # достали данные
        self.data1_1 = read_csv_file(self.filename, 'plan_mes')
        self.data1_2 = read_csv_file(self.filename, 'plan_prj')
        seriesData1_1 = QLineSeries()
        seriesData1_2 = QLineSeries()
        # одинаковое число строк в файле => для всех графиков одинаковая длина OX
        for x in range(len(self.data1_1)):
            seriesData1_1.append(QPointF(x, self.data1_1[x]))
            seriesData1_1.setColor(QColor("green"))
            seriesData1_1.setName('plan_mes')
            seriesData1_2.append(QPointF(x, self.data1_2[x]))
            seriesData1_2.setColor(QColor("red"))
            seriesData1_2.setName('plan_prj')

        x_axis = QValueAxis()
        x_axis.setRange(0.0, len(self.data1_1))
        y_axis = QValueAxis()
        y_axis.setRange(min(self.data1_1), max(self.data1_1))

        chartModel = QChart()
        chartModel.layout().setContentsMargins(0, 0, 0, 0)  #
        chartModel.addSeries(seriesData1_1)
        chartModel.addSeries(seriesData1_2)
        chartModel.createDefaultAxes()

        windowLayout = QGridLayout()         # было бы достаточно QHBoxLayout()
        view = QChartView(chartModel)
        view.setRenderHint(QPainter.Antialiasing)
        scroll_chart_class = ScrollChartClass(view)
        windowLayout.addWidget(scroll_chart_class, 0, 0)
        self.setLayout(windowLayout)

if __name__ == "__main__":
    import sys
    app = QApplication()
    w = Main()
    w.show()
    sys.exit(app.exec())

在此输入图像描述

该图是根据玩具文件中的数据构建的，现在有 200 行，即 沿轴有 200 个值X。现在这 200 行全部同时显示。
例如，我需要查看其中的 50 个，其余的应该在卷轴下。

第一个想法是调整设置x_axis.setRange，但不行，行不通。

该示例是在PySide中制作的，这与PyQt相同，不要让它混淆任何人。

python

2 个回答

  1. PySide6.QtGui.QWindow。设置最小宽度（w）

    包含小部件的最小宽度（以像素为单位）。

    '''
from PySide6.QtWidgets import *
from PySide6.QtGui import *
from PySide6.QtCore import *
from PySide6.QtCharts import *                                  # PySide6 QtCharts
import pandas as pd
'''
import sys
from PyQt5.Qt import *
from PyQt5.QtChart import *                                     # PyQt5 QtChart


class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.setWindowTitle("PyQt скролл графика")
        self.resize(1100, 500)                                           

        self.centralWidget = QWidget()
        self.setCentralWidget(self.centralWidget)
        
        self.scroll_area = QScrollArea()                         
        self.scroll_area.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
#        self.scroll_area.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOn)
        self.scroll_container = QWidget()
        self.scroll_area.setWidgetResizable(True)
        self.scroll_area.setWidget(self.scroll_container)
        
        self.scroll_layout = QHBoxLayout(self.scroll_container)
        self.scroll_layout.setContentsMargins(0, 0, 0, 0)
        
        self.plot_button = QPushButton("Add plot")
        self.plot_button.clicked.connect(self.plot)
        
        windowLayout = QVBoxLayout(self.centralWidget)    
        windowLayout.addWidget(self.scroll_area)
        windowLayout.addWidget(self.plot_button)

    def plot(self):
        container = QWidget()                                          # +++
        lay = QVBoxLayout(container)                                   # +++
        lay.setContentsMargins(0, 0, 0, 0)                             # +++
        
        self.scroll_layout.addWidget(container)                        # +++
        container.setMinimumWidth(1000)                                # !!! +++ <----
        
        x = ['2018-07-01 13:06:38', '2018-07-01 12:46:38', 
             '2018-07-01 12:36:38', '2018-07-01 12:26:38', 
             '2018-07-01 12:16:38', '2018-07-01 12:06:38', 
             '2018-07-01 11:56:38', '2018-07-01 11:46:38', 
             '2018-07-01 11:36:38', '2018-07-01 11:26:38', 
             '2018-07-01 10:56:38', '2018-07-01 10:46:38', 
             '2018-07-01 10:36:38'] 
        y = [23.5, 20.8, 28.0, 28.1, 28.0, 27.8, 27.3, 27.2, 
             25.7, 24.7, 25.0, 25.0, 24.9]

        num_ticks = 10
        time_len  = 'Time'

        series = QLineSeries()
        for t, val in zip(x, y):
            series.append(QDateTime.fromString(
                t, "yyyy-MM-dd hh:mm:ss").toMSecsSinceEpoch(), val)
        chart = QChart()
        chart.addSeries(series)
        font = QFont("Sans Serif", )
        font.setPixelSize(18)
        chart.setTitleFont(font)

        chart.setTitle("Температура в градусах Цельсия для устройства:")
        chart.setAnimationOptions(QChart.SeriesAnimations)

        palette = QPalette()
        palette.setColor(QPalette.Text, Qt.red)
        chart.setPalette(palette)

        backgroundGradient = QLinearGradient(0, 0, 0, 400)
        backgroundGradient.setColorAt(0.0, QColor('#50a1dc'))
        backgroundGradient.setColorAt(1.0, QColor('#00a1de'))
        chart.setBackgroundBrush(backgroundGradient)

        plotAreaGradient = QLinearGradient(0, 100, 0, 400)
        plotAreaGradient.setColorAt(0.0, QColor('#f1f1f1'))
        plotAreaGradient.setColorAt(1.0, QColor('#ffffff'))
        chart.setPlotAreaBackgroundBrush(plotAreaGradient)
        chart.setPlotAreaBackgroundVisible(True)

        axisX = QDateTimeAxis()
        axisX.setTickCount(num_ticks)
        axisX.setFormat("dd-MM HH:mm")
        axisX.setTitleText(time_len)
        axisY = QValueAxis()
        axisY.setLabelFormat("%i")
        axisY.setTitleText("Temperature C")
        Lfont = QFont("Sans Serif")
        Lfont.setPixelSize(16)
        axisX.setLabelsFont(Lfont)
        axisY.setLabelsFont(Lfont)
        axisPen = QPen(QColor('#151512'))
        axisPen.setWidth(2)
        axisX.setLinePen(axisPen)
        axisY.setLinePen(axisPen)

        axisBrush = QBrush(QColor('#ffffff'))
        axisX.setLabelsBrush(axisBrush)
        axisY.setLabelsBrush(axisBrush)
        axisX.setGridLineVisible(True)
        axisY.setGridLineVisible(True)
        axisY.setShadesBrush(QBrush(QColor('#ffffff')))
        # axisX.setShadesBrush(QBrush(QColor('#ffffff')))
        axisY.setShadesVisible(True)
        chart.addAxis(axisX, Qt.AlignBottom)
        series.attachAxis(axisX)
        axisX.setLabelsAngle(-90)    

        chart.addAxis(axisY, Qt.AlignLeft)
        series.attachAxis(axisY)

        chartView = QChartView(chart)
        chartView.setRenderHint(QPainter.Antialiasing)
        chart.axisY(series).setRange(min(y)-5, max(y)+5)
        chart.legend().setVisible(False)
        
        lay.addWidget(chartView)                                         # !!! +++
        

if __name__ == "__main__":
    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    sys.exit(app.exec())

    在此输入图像描述

    在此输入图像描述

    在此输入图像描述

    • 1
  2. Best Answer
    from PySide6.QtWidgets import *
from PySide6.QtGui import *
from PySide6.QtCore import *
from PySide6.QtCharts import *
import pandas as pd
import sys



datafile = "example_csv_file.csv"


def read_csv_file( file, n):
    df = pd.read_csv(file)
    col = df.iloc[:, n]
    return col.values.tolist()

# класс скрола
class ScrollChartClass(QWidget):
    def __init__(self, chart):
        super().__init__()
        self.chart = chart
        self.init_UI()
        self.len_of_file = 0

    def init_UI(self):
        self.scroll = QScrollArea()
        self.hbox = QHBoxLayout()
        self.scroll.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
        self.scroll.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOn)
        self.scroll.setWidgetResizable(False)
        self.scroll.setWidget(self.chart)
        self.hbox.addWidget(self.scroll)
        self.setLayout(self.hbox)
        return

# класс графика
class ChartClass(QWidget):
    def __init__(self, file, n):
        super().__init__()
        self.resize(10000, 200)
        self.file = file
        self.n = n
        self.init_UI()
        self.current_position = 0

    def init_UI(self):
        layout = QVBoxLayout()
        view = self.create_linechart(self.file, self.n)
        layout.addWidget(view)
        self.setLayout(layout)

    def create_linechart(self, file, n):
        seriesData1, seriesData2 = QLineSeries(), QLineSeries()
        data1 = read_csv_file(file, 1)
        data2 = read_csv_file(file, 1)
        seriesData1.setColor(QColor("green"))
        seriesData2.setColor(QColor("red"))
        for x in range(len(data1)):
            seriesData1.append(QPointF(x, data1[x]))
            seriesData2.append(QPointF(x, data2[x]))
        chart = QChart()
        chart.legend().setVisible(False)
        chart.addSeries(seriesData1)
        chart.addSeries(seriesData2)
        chart.createDefaultAxes()
        view = QChartView(chart)
        view.setRenderHint(QPainter.Antialiasing)
        chartview = QChartView(chart)
        return chartview


if __name__ == '__main__':
    app = QApplication(sys.argv)
    chart = ChartClass(datafile, 1)
    scroll = ScrollChartClass(chart)
    scroll.show()
    sys.exit(app.exec())
    • -1

相关问题