数据可视化 第6章



  • 第6章 在图表视图中绘制数据

    1.修改chart_widget.py,添加add_series函数

    from PySide2.QtGui import QPainter
    from PySide2.QtWidgets import (QWidget, QHeaderView, QHBoxLayout, QTableView, QSizePolicy)
    from PySide2.QtCharts import QtCharts
    from PySide2.QtCore import QDateTime
    
    from table_model import *
    
    class Widget(QWidget):
        def __init__(self, data):
            QWidget.__init__(self)
    
            #获取model
            self.model = CustomTableModel(data)
    
            #创建QTableView
            self.table_view = QTableView()
            self.table_view.setModel(self.model)
    
            #QTableView 表头自适应以及拉伸
            self.horizontal_header = self.table_view.horizontalHeader()
            self.vertical_header = self.table_view.verticalHeader()
            self.horizontal_header.setSectionResizeMode(QHeaderView.ResizeToContents)
            self.vertical_header.setSectionResizeMode(QHeaderView.ResizeToContents)
            self.horizontal_header.setStretchLastSection(True)
    
            # 创建 QChart
            self.chart = QtCharts.QChart()
            # 设置全动画模式
            self.chart.setAnimationOptions(QtCharts.QChart.AllAnimations)
            self.add_series("震级", [0, 1])
    
            # 创建 QChartView
            self.chart_view = QtCharts.QChartView(self.chart)
            # 设置抗锯齿
            self.chart_view.setRenderHint(QPainter.Antialiasing)
    
            # 窗口布局
            self.main_layout = QHBoxLayout()
            size = QSizePolicy(QSizePolicy.Preferred, QSizePolicy.Preferred)
    
            ## 左侧布局
            size.setHorizontalStretch(1)
            self.table_view.setSizePolicy(size)
            self.main_layout.addWidget(self.table_view)
    
            ## 右侧布局
            size.setHorizontalStretch(4)
            self.chart_view.setSizePolicy(size)
            self.main_layout.addWidget(self.chart_view)
    
            # 窗口添加布局
            self.setLayout(self.main_layout)
    
        def add_series(self, name, columns):
            # 创建QLineSeries
            self.series = QtCharts.QLineSeries()
            self.series.setName(name)
    
            # 将数据放入序列
            for i in range(self.model.rowCount()):
                t = self.model.index(i, 0).data()   #QVariant
                date_fmt = "yyyy-MM-dd HH:mm:ss.zzz"
    
                x = QDateTime().fromString(t, date_fmt).toSecsSinceEpoch()
                y = float(self.model.index(i, 1).data())
                print (i, y)
    
                if x > 0 and y > 0:
                    self.series.append(x, y)
    
            # 添加序列
            self.chart.addSeries(self.series)
    
            # 设置x轴
            self.axis_x = QtCharts.QDateTimeAxis()
            self.axis_x.setTickCount(10)    # 设置要计数的轴上的刻度线数
            self.axis_x.setFormat("dd.MM (h:mm)")
            self.axis_x.setTitleText("日期")
            #
            self.chart.addAxis(self.axis_x, Qt.AlignBottom)
            self.series.attachAxis(self.axis_x)
    
            # 设置y轴
            self.axis_y = QtCharts.QValueAxis()
            self.axis_y.setTickCount(10)    # 设置要计数的轴上的刻度线数
            self.axis_y.setLabelFormat("%.2f")
            self.axis_y.setTitleText("震级")
            #
            self.chart.addAxis(self.axis_y, Qt.AlignLeft)
            self.series.attachAxis(self.axis_y)
    
            # 从QChart获取颜色以在QTableView上使用它,然而并没有使用
            self.model.color = "{}".format(self.series.pen().color().name())
    
    

    2.运行效果,仔细观察,数据是倒着绘制的,即第一条数据在右侧,最后一条数据在左侧
    6.png



  • 为了展示比较漂亮的统计效果图,使用Qt Charts还是很值得的!😀



  • @jiangcaiyang 给你一个大大的赞!
    论坛最近打算再次启用iframely服务了。试试看!


Log in to reply
 

走马观花

最近的回复

  • H
    Toou 2D 拿来即用,为简单而生。

    简称T2D,是一款采用自身模块规范编写的轻量级UI框架,遵循Qt书写与组织形式门槛极低无需深入学习简单易用可拿来即用,丰富的控件模块适合界面的快速开发,让程序人员拥有更多的精力来实现业务逻辑与算法。

    统一交互规范,丰富的Ui控件几十种常用控件放弃了Qt Controls 及 Controls 2 来提高性能。

    完善的主题系统,业务逻辑与界面主题设计分离,可通过简单修改变量自定义主题皮肤。灵活的多主题皮肤绑定机制、在不需要重启App即实现一键换肤

    ini皮肤配置规则与每一个控件融合。可在应用内配置也可在应用外动态扩展配置。

    框架自动化安装支持动态库、静态库多模式编译。使用方便更安全更自由。

    提供丰富Demo、全面的帮助文档,Api查阅快速方便。项目必备开源框架!

    已经集成最新版 Font Awesome 4.7

    开源地址:https://github.com/ShowFL/Toou-2D

    read more
  • 刚刚毕业,工作用QT开发,以后有问题多多请教各位前辈😬 抱拳了。

    read more

关注我们

微博
QQ群