如何將數據從QTableWidget繪制到QChart

Question

我正在開發數據分析軟件，該軟件將從遠程數據庫中獲取數據並將其放入QTableWidget中 。 我如何才能有效地從表中獲取這些數據並將其放入QChart ？

我已經看到，如果我一直在使用QTableView ，可以用模型來完成，但是據我了解，對於我的場景，使用QTableView會更加復雜。

from PySide2.QtWidgets import *
from PySide2.QtGui import *
from PySide2.QtCore import *
from PySide2.QtCharts import *
import sys
import random


class DateTimeDelegate(QStyledItemDelegate):
    def initStyleOption(self, option, index):
        super(DateTimeDelegate, self).initStyleOption(option, index)
        value = index.data()
        option.text = 
QDateTime.fromMSecsSinceEpoch(value).toString("dd.MM.yyyy")


class MainWindow(QMainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()

        self.setGeometry(0, 0, 1280, 400)
        self.chart_table()

        self.populate()
    def chart_table(self):
        self.table = QTableWidget(0, 2)
        delegate = DateTimeDelegate(self.table)
        self.table.setItemDelegateForColumn(0, delegate)
        chart = QtCharts.QChart()
        self.chartView = QtCharts.QChartView(chart)
        self.chartView.setFixedSize(600, 430)

        splitter = QSplitter(self)
        splitter.addWidget(self.table)
        splitter.addWidget(self.chartView)

        self.setCentralWidget(splitter)

        series = QtCharts.QLineSeries(name='Odoslané')
        mapper = QtCharts.QVXYModelMapper(xColumn=0, yColumn=2)
        mapper.setModel(self.table.model())
        mapper.setSeries(series)
        chart.addSeries(mapper.series())

        self.axis_X = QtCharts.QDateTimeAxis()
        self.axis_X.setFormat("MMM yyyy")
        self.axis_Y = QtCharts.QValueAxis()

        chart.setAxisX(self.axis_X, series)
        chart.setAxisY(self.axis_Y, series)
        self.axis_Y.setRange(0, 0)
        self.axis_Y.setLabelFormat('%.0f')
        self.axis_X.setRange(QDate(2017, 10, 1), QDate.currentDate())

        chart.setTitle('Chart')

    def addRow(self, dt, value):
        self.table.insertRow(0)

        for col, v in enumerate((dt.toMSecsSinceEpoch(), value)):
            it = QTableWidgetItem()
            it.setData(Qt.DisplayRole, dt.toMSecsSinceEpoch())
            self.table.setItem(0, 0, it)
        t_m, t_M = self.axis_X.min(), self.axis_X.max()
        t_m = min(t_m, dt)
        t_M = max(t_M, dt)

        m, M = self.axis_Y.min(), self.axis_Y.max()
        m = min(m, value)
        M = max(M, value)

在這種方法中，當我從數據庫中獲取數據時，我會模擬用數據填充表。

def populate(self):
    for i in range(4):
        count=random.randint(1,40)
        value_str = QDate.currentDate().addDays(count).toString('dd.MM.yyyy')

        dt = QDateTime.fromString(value_str, "dd.MM.yyyy")

        sent = QTableWidgetItem(str(count))
        value = int(sent.text())

        self.addRow(dt, value)
        self.table.setItem(0, 1, sent)

和App運行功能-

def main():
    app = QApplication(sys.argv)
    gui = MainWindow()
    gui.show()
    sys.exit(app.exec_())

main()

Answer 1

在QChartView中顯示QTableWidget數據的最簡單方法是使用QVXYModelMapper，它將QTableWidget的模型與QLineSerie相關聯。 但是為此，存儲在QTableWidget中的數據不應為字符串，而應為整數，因此您不應使用toString（）將QDateTime轉換為字符串，而應使用toMSecsSinceEpoch（）將其轉換為整數，並在QTableWidget中將其顯示為日期時間。應該使用委托。

在下面的示例中，addRow方法允許向行添加（QDateTime，value），這將重新計算每個軸的范圍。

import random
from functools import partial
from PySide2 import QtCore, QtGui, QtWidgets
from PySide2.QtCharts import QtCharts


class DateTimeDelegate(QtWidgets.QStyledItemDelegate):
    def initStyleOption(self, option, index):
        super(DateTimeDelegate, self).initStyleOption(option, index)
        value = index.data()
        option.text = QtCore.QDateTime.fromMSecsSinceEpoch(value).toString("dd.MM.yyyy")


class MainWindow(QtWidgets.QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)

        self.m_tablewidget = QtWidgets.QTableWidget(0, 2)
        delegate = DateTimeDelegate(self.m_tablewidget)
        self.m_tablewidget.setItemDelegateForColumn(0, delegate)
        self.m_chartview = QtCharts.QChartView()
        self.m_chartview.chart().setTheme(QtCharts.QChart.ChartThemeQt)
        self.m_chartview.setMinimumWidth(400)

        self.m_series = QtCharts.QLineSeries(name="Time-Value")
        self.m_mapper = QtCharts.QVXYModelMapper(self, xColumn=0, yColumn=1)
        self.m_mapper.setModel(self.m_tablewidget.model())
        self.m_mapper.setSeries(self.m_series)

        self.m_chartview.chart().addSeries(self.m_mapper.series())

        splitter = QtWidgets.QSplitter(self)
        splitter.addWidget(self.m_tablewidget)
        splitter.addWidget(self.m_chartview)
        self.setCentralWidget(splitter)

        self.m_time_axis = QtCharts.QDateTimeAxis()
        self.m_time_axis.setFormat("dd.MM.yyyy")
        self.m_value_axis = QtCharts.QValueAxis()

        self.m_chartview.chart().setAxisX(self.m_time_axis, self.m_series)
        self.m_chartview.chart().setAxisY(self.m_value_axis, self.m_series)

        self.m_value_axis.setRange(0, 0)
        self.m_time_axis.setRange(
            QtCore.QDateTime.currentDateTime(),
            QtCore.QDateTime.currentDateTime().addDays(1),
        )

    def addRow(self, dt, value):
        row = self.m_tablewidget.rowCount()
        self.m_tablewidget.insertRow(row)
        for col, v in enumerate((dt.toMSecsSinceEpoch(), value)):
            it = QtWidgets.QTableWidgetItem()
            it.setData(QtCore.Qt.DisplayRole, v)
            self.m_tablewidget.setItem(row, col, it)
        t_m, t_M = self.m_time_axis.min(), self.m_time_axis.max()
        t_m = min(t_m, dt)
        t_M = max(t_M, dt)

        m, M = self.m_value_axis.min(), self.m_value_axis.max()
        m = min(m, value)
        M = max(M, value)

        self.m_time_axis.setRange(t_m, t_M)
        self.m_value_axis.setRange(m, M)


counter = 0


def onTimeout(w):
    # Emulate the data
    global counter
    dt = QtCore.QDateTime.currentDateTime().addDays(counter)
    value = random.uniform(-100, 100)
    w.addRow(dt, value)

    counter += 1


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)

    w = MainWindow()
    w.resize(640, 480)
    w.show()

    wrapper = partial(onTimeout, w)
    timer = QtCore.QTimer(timeout=wrapper, interval=1000)
    timer.start()

    sys.exit(app.exec_())

---

更新：

您不必在populate方法中創建任何QTableWidget。 我已經更正了您的邏輯，以便將其添加到QTableWidget的頂部，還更正了范圍的計算。

import sys
import random
from PySide2.QtCore import *
from PySide2.QtWidgets import *
from PySide2.QtCharts import QtCharts


class DateTimeDelegate(QStyledItemDelegate):
    def initStyleOption(self, option, index):
        super(DateTimeDelegate, self).initStyleOption(option, index)
        value = index.data()
        option.text = QDateTime.fromMSecsSinceEpoch(value).toString("dd.MM.yyyy")


class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)

        self.setGeometry(0, 0, 1280, 400)
        self.chart_table()

        self.populate()

    def chart_table(self):
        self.table = QTableWidget(0, 2)
        delegate = DateTimeDelegate(self.table)
        self.table.setItemDelegateForColumn(0, delegate)
        chart = QtCharts.QChart()
        self.chartView = QtCharts.QChartView(chart)
        self.chartView.setFixedSize(600, 430)

        splitter = QSplitter(self)
        splitter.addWidget(self.table)
        splitter.addWidget(self.chartView)
        self.setCentralWidget(splitter)

        series = QtCharts.QLineSeries(name="Odoslané")
        mapper = QtCharts.QVXYModelMapper(self, xColumn=0, yColumn=1)
        mapper.setModel(self.table.model())
        mapper.setSeries(series)
        chart.addSeries(mapper.series())

        self.axis_X = QtCharts.QDateTimeAxis()
        self.axis_X.setFormat("MMM yyyy")
        self.axis_Y = QtCharts.QValueAxis()

        chart.setAxisX(self.axis_X, series)
        chart.setAxisY(self.axis_Y, series)
        self.axis_Y.setRange(0, 0)
        self.axis_Y.setLabelFormat("%.0f")
        chart.setTitle("Chart")

    def addRow(self, dt, value):
        self.table.insertRow(0)
        for col, v in enumerate((dt.toMSecsSinceEpoch(), value)):
            it = QTableWidgetItem()
            it.setData(Qt.DisplayRole, v)
            self.table.setItem(0, col, it)

        if self.table.rowCount() == 1:
            self.axis_X.setRange(dt, dt.addDays(1))
            self.axis_Y.setRange(v, v)

        else:
            t_m, t_M = self.axis_X.min(), self.axis_X.max()
            t_m = min(t_m, dt)
            t_M = max(t_M, dt)

            m, M = self.axis_Y.min(), self.axis_Y.max()
            m = min(m, value)
            M = max(M, value)

            self.axis_X.setRange(t_m, t_M)
            self.axis_Y.setRange(m, M)

    def populate(self):
        for i in range(100):
            # simulate filling table with data as I get them from database.
            value = random.uniform(1, 40)
            fake_dt_str = QDate.currentDate().addDays(i).toString("dd.MM.yyyy")
            fake_value_str = str(random.uniform(0, 2))

            # Convert simulated data
            dt = QDateTime.fromString(fake_dt_str, "dd.MM.yyyy")
            value = float(fake_value_str)
            self.addRow(dt, value)

def main():
    app = QApplication(sys.argv)
    gui = MainWindow()
    gui.show()
    sys.exit(app.exec_())


main()