百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

实战PyQt5: 152-QChart图表之日期时间坐标轴

ztj100 2025-04-08 20:53 18 浏览 0 评论

在统计图表中,使用时间作为某一坐标轴的情况非常常见,比如,常见的一年间月度销售统计,财务统计等等。在QChart中提供了日期时间坐标轴QDateTimeAxis类可以方便地将日期和时间添加到图表的坐标轴。

QDateTimeAxis

QDateTimeAxis类将日期和时间添加到图表的坐标轴。可以将QDateTimeAxis设置为显示带有刻度线,网格线和阴影的坐标轴样式。可以通过设置适当的DateTime格式来配置坐标轴的标签显示样式。QDateTimeAxis可以正确使用从4714 BCE到287396 CE的日期。QDateTimeAxis可以与任何QXYSeries一起使用。

使用
QDateTime.toMSecsSinceEpoch()将数据点添加到图表序列中。

series = QLineSeries()
 
xValue = QDateTime()
xValue.setDate(QDate(2019, 1, 18))
xValue.setTime(QTime(9, 34))
yValue = 12
series.append(xValue. toMSecsSinceEpoch(), yValue)
 
xValue.setDate(QDate(2020, 5, 11))
xValue.setTime(QTime(11, 14))
yValue = 22
series.append(xValue. toMSecsSinceEpoch(), yValue)

下面的代码说明了如何将图表序列添加到图表中,并将X轴设置为QDateTimeAxis

chartView = QChartView()
chartView.chart().addSeries(series)
 
......
axisX = QDatetimeAxis()
axisX.setFormat('dd-MM-yy h:mm')
chartView.chart().setAxisX(axisX, series)

QDateTimeAxis常用函数:

  • setFormat(self, format):设置为坐标轴创建时间显示使用的格式字符串。
  • setMax(self, max):设置坐标轴的最大值。
  • setMin(self, min):设置坐标轴的最小值。
  • setRange(self, min, max):设置坐标轴值的范围。
  • setTickCount(self, count):设置坐标轴上刻度线的数量。

QDateTimeAxis常用信号:

  • formatChanged(self, format):当由format指定的坐标轴时间显示格式发生了改变,将发出此信号。
  • maxChanged(self, max):当max指定坐标轴的最大值发生了变化,将发出此信号。
  • minChanged(self, min):当由min指定坐标轴的最小值发生了变化,将发出此信号。
  • rangeChanged(self, min, max):当由minmax指定的坐标轴的最大值或最小值发生了改变,将发出此信号。
  • tickCountChanged(self, tickCount):当由tickCount指定的坐标轴上的刻度线数量改变时,将发出此信号。

日期时间坐标轴示例

基于Qt提供的C++演示代码,示例图表显示了太阳黑子的数据如何随时间变化,在代码中通过使用QDateTime. toMSecsSinceEpoch方法将QDateTime对象转换成一个数添加到线型图表序列QLineSeries。完整代码如下:

import sys,re
from PyQt5.QtCore import Qt, QFile, QTextStream, QIODevice, QDateTime, QDate
from PyQt5.QtGui import QPainter
from PyQt5.QtWidgets import QApplication, QMainWindow, QMessageBox
from  PyQt5.QtChart import QChart, QChartView, QLineSeries, QDateTimeAxis, QValueAxis
 
import sundata_rc
 
class DemoDateTimeAxis(QMainWindow):
    def __init__(self, parent=None):
        super(DemoDateTimeAxis, self).__init__(parent)   
        
         # 设置窗口标题
        self.setWindowTitle('实战 Qt for Python: 日期时间坐标轴演示')      
        # 设置窗口大小
        self.resize(820, 540)
        
        self.createChart()
    
    def createChart(self):
            
        #设置折线数据
        lineSeries = QLineSeries()
        
        sunSpots = QFile(':sun')
        if not sunSpots.open(QIODevice.ReadOnly | QIODevice.Text):
            QMessageBox.information(self, '错误', '读取数据文件出错')
            return
        
        stream = QTextStream(sunSpots)
        while not stream.atEnd():
            line = stream.readLine()
            if line.startswith('#') or line.startswith(':'):
                continue
            #正则表达式 '\s{1,}' 匹配一个或多个空格
            values = re.split('\s{1,}', line)
            momentInTime = QDateTime()
            momentInTime.setDate(QDate(int(values[0]), int(values[1]), 15))
            lineSeries.append(momentInTime.toMSecsSinceEpoch(), float(values[2]))
        sunSpots.close()
        
        #创建图表
        chart = QChart()
        chart.legend().hide()
        chart.addSeries(lineSeries)
        chart.setTitle('太阳黑子数量(由太空天气预报中心提供)')
        
        #坐标轴
        axisX = QDateTimeAxis()
        axisX.setTickCount(10)
        axisX.setFormat('MMM yyyy')
        axisX.setTitleText('日期')
        chart.addAxis(axisX, Qt.AlignBottom)
        lineSeries.attachAxis(axisX)
        
        axisY = QValueAxis()
        axisY.setLabelFormat('%i')
        axisY.setTitleText('太阳黑子数量')
        chart.addAxis(axisY, Qt.AlignLeft)
        lineSeries.attachAxis(axisY)
        
        #图表视图
        chartView = QChartView(chart)
        chartView.setRenderHint(QPainter.Antialiasing)
        
        self.setCentralWidget(chartView)
      
        
if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = DemoDateTimeAxis()
    window.show()
    sys.exit(app.exec())   

本文知识点

  • 了解日期时间坐标轴QDateTimeAxis。
  • 使用QDateTime. toMSecsSinceEpoch方法将QDateTime对象转换成一个数。
  • 使用正则表达式分离数据并去掉多余的空格。

请多多关注,评论,收藏,点赞,和转发。


前一篇: 实战PyQt5: 151-QChart图表之给图表添加标注

相关推荐

Vue 技术栈(全家桶)(vue technology)

Vue技术栈(全家桶)尚硅谷前端研究院第1章:Vue核心Vue简介官网英文官网:https://vuejs.org/中文官网:https://cn.vuejs.org/...

vue 基础- nextTick 的使用场景(vue的nexttick这个方法有什么用)

前言《vue基础》系列是再次回炉vue记的笔记,除了官网那部分知识点外,还会加入自己的一些理解。(里面会有部分和官网相同的文案,有经验的同学择感兴趣的阅读)在开发时,是不是遇到过这样的场景,响应...

vue3 组件初始化流程(vue组件初始化顺序)

学习完成响应式系统后,咋们来看看vue3组件的初始化流程既然是看vue组件的初始化流程,咋们先来创建基本的代码,跑跑流程(在app.vue中写入以下内容,来跑流程)...

vue3优雅的设置element-plus的table自动滚动到底部

场景我是需要在table最后添加一行数据,然后把滚动条滚动到最后。查网上的解决方案都是读取html结构,暴力的去获取,虽能解决问题,但是不喜欢这种打补丁的解决方案,我想着官方应该有相关的定义,于是就去...

Vue3为什么推荐使用ref而不是reactive

为什么推荐使用ref而不是reactivereactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代optionapi的data的替...

9、echarts 在 vue 中怎么引用?(必会)

首先我们初始化一个vue项目,执行vueinitwebpackechart,接着我们进入初始化的项目下。安装echarts,npminstallecharts-S//或...

无所不能,将 Vue 渲染到嵌入式液晶屏

该文章转载自公众号@前端时刻,https://mp.weixin.qq.com/s/WDHW36zhfNFVFVv4jO2vrA前言...

vue-element-admin 增删改查(五)(vue-element-admin怎么用)

此篇幅比较长,涉及到的小知识点也比较多,一定要耐心看完,记住学东西没有耐心可不行!!!一、添加和修改注:添加和编辑用到了同一个组件,也就是此篇文章你能学会如何封装组件及引用组件;第二能学会async和...

最全的 Vue 面试题+详解答案(vue面试题知识点大全)

前言本文整理了...

基于 vue3.0 桌面端朋友圈/登录验证+60s倒计时

今天给大家分享的是Vue3聊天实例中的朋友圈的实现及登录验证和倒计时操作。先上效果图这个是最新开发的vue3.x网页端聊天项目中的朋友圈模块。用到了ElementPlus...

不来看看这些 VUE 的生命周期钩子函数?| 原力计划

作者|huangfuyk责编|王晓曼出品|CSDN博客VUE的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化。可以分为:创建、挂载、更新、销毁四个模块...

Vue3.5正式上线,父传子props用法更丝滑简洁

前言Vue3.5在2024-09-03正式上线,目前在Vue官网显最新版本已经是Vue3.5,其中主要包含了几个小改动,我留意到日常最常用的改动就是props了,肯定是用Vue3的人必用的,所以针对性...

Vue 3 生命周期完整指南(vue生命周期及使用)

Vue2和Vue3中的生命周期钩子的工作方式非常相似,我们仍然可以访问相同的钩子,也希望将它们能用于相同的场景。...

救命!这 10 个 Vue3 技巧藏太深了!性能翻倍 + 摸鱼神器全揭秘

前端打工人集合!是不是经常遇到这些崩溃瞬间:Vue3项目越写越卡,组件通信像走迷宫,复杂逻辑写得脑壳疼?别慌!作为在一线摸爬滚打多年的老前端,今天直接甩出10个超实用的Vue3实战技巧,手把...

怎么在 vue 中使用 form 清除校验状态?

在Vue中使用表单验证时,经常需要清除表单的校验状态。下面我将介绍一些方法来清除表单的校验状态。1.使用this.$refs...

取消回复欢迎 发表评论: