CPU动态折线图

This commit is contained in:
Irony 2021-05-13 22:43:14 +08:00
parent 76a4fd7b59
commit 8b9c8ecf72
4 changed files with 91 additions and 1 deletions

81
QtChart/CpuLineChart.py Normal file
View file

@ -0,0 +1,81 @@
#!/usr/bin/env python
# -*- coding: utf-8 -*-
"""
Created on 2021/5/13
@author: Irony
@site: https://github.com/PyQt5
@email: 892768447@qq.com
@file: CpuLineChart
@description:
"""
import sys
from PyQt5.QtChart import QChartView, QChart, QSplineSeries, QDateTimeAxis, QValueAxis
from PyQt5.QtCore import Qt, QTimer, QDateTime, QPointF
from PyQt5.QtGui import QPainter, QPen, QColor
from PyQt5.QtWidgets import QApplication
from psutil import cpu_percent
class CpuLineChart(QChart):
def __init__(self, *args, **kwargs):
super(CpuLineChart, self).__init__(*args, **kwargs)
self.m_count = 10
# 隐藏图例
self.legend().hide()
self.m_series = QSplineSeries(self)
# 设置画笔
self.m_series.setPen(QPen(QColor('#3B8CFF'), 2, Qt.SolidLine, Qt.RoundCap, Qt.RoundJoin))
self.addSeries(self.m_series)
# x轴
self.m_axisX = QDateTimeAxis(self)
self.m_axisX.setTickCount(self.m_count + 1) # 设置刻度数量
self.m_axisX.setFormat('hh:mm:ss') # 设置时间显示格式
now = QDateTime.currentDateTime() # 前10秒到现在
self.m_axisX.setRange(now.addSecs(-self.m_count), now)
self.addAxis(self.m_axisX, Qt.AlignBottom)
self.m_series.attachAxis(self.m_axisX)
# y轴
self.m_axisY = QValueAxis(self)
self.m_axisY.setLabelFormat('%d') # 设置文本格式
self.m_axisY.setMinorTickCount(4) # 设置小刻度线的数目
self.m_axisY.setTickCount(self.m_count + 1)
self.m_axisY.setRange(0, 100)
self.addAxis(self.m_axisY, Qt.AlignLeft)
self.m_series.attachAxis(self.m_axisY)
# 填充11个初始点注意x轴 需要转为秒的时间戳
self.m_series.append(
[QPointF(now.addSecs(-i).toMSecsSinceEpoch(), 0) for i in range(self.m_count, -1, -1)])
# 定时器获取数据
self.m_timer = QTimer()
self.m_timer.timeout.connect(self.update_data)
self.m_timer.start(1000)
def update_data(self):
value = cpu_percent()
now = QDateTime.currentDateTime()
self.m_axisX.setRange(now.addSecs(-self.m_count), now) # 重新调整x轴的时间范围
# 获取原来的所有点,去掉第一个并追加新的一个
points = self.m_series.pointsVector()
points.pop(0)
points.append(QPointF(now.toMSecsSinceEpoch(), value))
# 替换法速度更快
self.m_series.replace(points)
if __name__ == '__main__':
app = QApplication(sys.argv)
chart = CpuLineChart()
chart.setTitle('cpu')
# chart.setAnimationOptions(QChart.SeriesAnimations)
view = QChartView(chart)
view.setRenderHint(QPainter.Antialiasing) # 抗锯齿
view.resize(800, 600)
view.show()
sys.exit(app.exec_())

View file

@ -16,6 +16,7 @@
- [横向百分比柱状图表](#13横向百分比柱状图表) - [横向百分比柱状图表](#13横向百分比柱状图表)
- [散点图表](#14散点图表) - [散点图表](#14散点图表)
- [图表主题动画](#15图表主题动画) - [图表主题动画](#15图表主题动画)
- [CPU动态折线图](#16CPU动态折线图)
## 1、折线图 ## 1、折线图
[运行 LineChart.py](LineChart.py) [运行 LineChart.py](LineChart.py)
@ -95,3 +96,10 @@
[运行 ChartThemes.py](ChartThemes.py) [运行 ChartThemes.py](ChartThemes.py)
![ChartThemes](ScreenShot/ChartThemes.gif) ![ChartThemes](ScreenShot/ChartThemes.gif)
## 16、CPU动态折线图
[运行 CpuLineChart.py](CpuLineChart.py)
通过设置x轴的时间范围并替换y点达到动态移动效果
![CpuLineChart](ScreenShot/CpuLineChart.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View file

@ -174,6 +174,7 @@ https://pyqt.site 论坛是专门针对PyQt5学习和提升开设的网站
- [横向百分比柱状图表](QtChart/HorizontalPercentBarChart.py) - [横向百分比柱状图表](QtChart/HorizontalPercentBarChart.py)
- [散点图表](QtChart/ScatterChart.py) - [散点图表](QtChart/ScatterChart.py)
- [图表主题动画](QtChart/ChartThemes.py) - [图表主题动画](QtChart/ChartThemes.py)
- [CPU动态折线图](QtChart/CpuLineChart.py)
- [QtDataVisualization](QtDataVisualization) - [QtDataVisualization](QtDataVisualization)
- [柱状图3D](QtDataVisualization/BarsVisualization.py) - [柱状图3D](QtDataVisualization/BarsVisualization.py)