PyQt5:QChart绘制动态折线图(2)

2023-03-10 13:27:42 浏览数 (1)

前言

前置工作都在上文的博客里边说过了,链接如下:PyQt5:QChart绘制折线图(1)

,在这边文章里边直接说绘制动态折线相关了。

Charts相关刷新函数

1.append()

Qt官方解释:

代码语言:javascript复制
append(qreal x, qreal y):Adds the data point with the coordinates x and y to the series.
append(const QPointF &point):This is an overloaded function.Adds the data point point to the series.
append(const QList<QPointF> &points):This is an overloaded function.Adds the list of data points specified by points to the series.

将点的坐标信息或者说数据添加到series中,我的理解为追加。

2.replace()

Qt官方解释:

代码语言:javascript复制
replace(qreal oldX, qreal oldY, qreal newX, qreal newY):Replaces the point with the coordinates oldX and oldY with the point with the coordinates newX and newY. Does nothing if the old point does not exist.
replace(const QPointF &oldPoint, const QPointF &newPoint):Replaces the point specified by oldPoint with the one specified by newPoint.
replace(int index, qreal newX, qreal newY):Replaces the point at the position specified by index with the point that has the coordinates newX and newY.
replace(int index, const QPointF &newPoint):Replaces the point at the position specified by index with the point specified by newPoint.
replace(QList<QPointF> points):Replaces the current points with the points specified by points
replace(QVector<QPointF> points):Replaces the current points with the points specified by points.

字面意思替换,单个坐标点的替换,组坐标数据替换等,在下文我用的是List,群组替换。

思路

将思路主要拆解为3个部分:数据源,坐标列表更新,折线图的刷新

1.数据源:可以为外部实时动态数据,或者是内部动态计算产生的数据。这里我随机造了一些动态数据。

2.坐标列表更新:在我的折线图中,坐标设置了固定显示6个点,这里可以自己随意,或者将x轴更新为时间轴,就为实时数据了。在迭代更新中,定时器检测源数据大于0,就可以更新数据,

3.坐标轴刷新:采用了 replace()函数,替换。

源码

1.数据源

代码语言:javascript复制
import random
DataVector = [] 
mutex = QMutex()
class ThreadCtl(QThread):
	def __init__(self):
		super().__init__()
		self.threadstatus = 1

	def run(self):
		while self.threadstatus == 1:
			#产生随机数据值,坐标点 y值
			self.randdata_h = random.uniform(1, 6)
			self.randdata_h = round(self.randdata_h, 2)
#			self.randdata_w = random.uniform(1, 6)
#			self.randdata_w = round(self.randdata_w, 2)
#			self.points = [self.post,self.randdata_h,]
			#休眠1S
			time.sleep(1)
			#加锁,插入数据,解锁
			mutex.lock()
			DataVector.append(self.randdata_h)
			mutex.unlock()
			print("DataVector:",DataVector)

采用多线程方式,继承QThread 类,定时产生数据,数据为:1~6,小数点后两位的float数据。

DataVector 一个list容器,用来存储数据列表。

加一把资源锁,防止对DataVector读写造成的资源抢占问题。

2.坐标列表更新

代码语言:javascript复制
		#定时器
		self.timer = QTimer()
		self.timer.timeout.connect(self.update)
		self.timer.start(2000)
	def update(self):
		if 	len(DataVector) > 0 :
			#取出第一位数据,加锁,解锁
			mutex.lock()
			self.value = DataVector[0]
			DataVector.pop(0)
			mutex.unlock()
			#删除最后一个坐标点
			del self._1_point_list[len(self._1_point_list)-1]
			#第一位插入坐标点
			self._1_point_list.insert(0,QPointF(0,self.value)) 
			#更新x坐标点值
			for i in range(0,len(self._1_point_list)):
					self._1_point_list[i].setX(i)

采用定时器方式,定时去读取DataVector 列表,列表数据大于0就去取出第一位数据。

self._1_point_list 坐标点列表更新规则,最后一位删掉,剩下的前几位向后移位一位,第一位填入DataVector 列表取出的第一位数据。

采用 insert函数,在第一位插入,后续相当于自动移位。然后横坐标更新。

3.折线更新

代码语言:javascript复制
			for i in range(0,len(self._1_point_list)):
					self._1_point_list[i].setX(i)
			#replace更新折线图
			self.series_1.replace(self._1_point_list)

引申

在实际的项目使用中,数据源的获取,如果是实时数据,如果数据更新速度较快,应该采用什么方式?如果数据量很大应该采用什么方式?折线图刷新时有什么要求?队列积压,应该采用什么方式来处理

我上述采用的方法是,多线程,子线程处理数据源,主线程定时器方式,处理折线图

实际使用中,数据源处理坐标列表更新界面折线图刷新,都有实际的问题。每一个过程,都单独做一个线程来处理,给不同的数据量,设置不同的阈值,对应不同的更新速度,刷新速度。检测到数据积压,就去提高坐标列表更新的处理速度,为了减小,界面折线图刷新的处理压力,将坐标列表也改为坐标点List,改为List[[],[]]模式,设置好界面更新时,直接调用提前处理好的坐标更新,加快刷新速度

实际还有一次刷新大批量数据时,应该怎么处理的问题?这一块暂没有碰到,随后写的时候在处理一下。

源码

源码

0 人点赞