本文主要是介绍pyqt5用QPainter在扇形上面描绘数据点,并可点击提示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
- 绘画底层图形
- 在图形内描绘数据点
- 点击数据点时悬浮提示内容
数据有距离和角度,来绘画数据点,实时检测数据插入,可以用多进程,通过共用队列来传递数据
需要自动更新绘图时,调用self.update(),此代码仅保留思路
class Alarm_widget(QWidget):message_signal = pyqtSignal(object) # 自定义信号,发送给子窗口的消息def __init__(self):super().__init__()self.initUI()def initUI(self):self.init_width = 1100self.init_high = 800# self.setGeometry(100, 100, self.init_width, self.init_high)self.setWindowTitle('PyQt5 扇形和点绘制')# 创建一个定时器,用于在达到一定时间后关闭tooltipself.toolTip_time = QTimer(self)self.toolTip_time.timeout.connect(self.hide_tool_tip)self.time_hide_tip = 10000 # 设置Tip多长时间的显示,毫秒#插入测试数据self.data_points['data1'] = {'distance': 5000, 'angle': 12, 'color': QColor(255, 165, 0)}def paintEvent(self, event):qp = QPainter(self)qp.setRenderHint(QPainter.Antialiasing, True) # 使用抗锯齿qp.begin(self)self.draw_pie_and_points(qp, self.data_points)qp.end()def draw_pie_and_points(self, qp, data_points:dict):"""画扇形和打点:param qp: QPainter:param data_points: 数据点位字典:return:"""pie_num = 4 # 扇形的数量widget_size = (int(self.width() / 2), int(self.height() / 2)) # 图形占窗口的比例self.center = QPointF(widget_size[0], widget_size[1] + 20) # 圆心位置self.start_angle = 45 * 16 # 开始角度是从3点钟方向逆时针开始, 转换为16进制表示的角度self.span_angle = 90 * 16 # 结束角度if self.center.x() < self.center.y(): # 取尺寸最小的,防止超出屏幕radius_step = int(widget_size[0] / pie_num) # 每多少像素代表10kmelse:radius_step = int(widget_size[1] / pie_num)self.point_radius = 5 # 告警点的半径大小for i in range(0, 4):radius = (4-i) * radius_step# 绘制扇形qp.setBrush(QBrush(QColor(213, 226, 247)))# qp.setPen(QPen(Qt.black, 1, Qt.DashLine)) # 线宽1,线型为虚线qp.drawPie(self.center.x() - radius, self.center.y() - radius, 2 * radius, 2 * radius, self.start_angle, self.span_angle)# 中线radius = 4 * radius_stepqp.setPen(QPen(Qt.black, 1, Qt.DashLine)) # 黑色,像素宽,虚线样式qp.drawLine(self.center.x(), self.center.y(), self.center.x(), (self.center.y() - radius))num = 0 # 计数多少数据# 绘制短线和旁边的名称line_height = 40 # 每行数据之间的垂直间隔text_offset = 20 # 文本与线条之间的水平间隔font = QFont()font.setPointSize(12) # 设置字体大小为12点# 角度转弧度,计算数据详情列表的左侧位置angle_rad = math.radians(180-(self.start_angle+self.span_angle)/16)# 计算余弦值cos_value = math.cos(angle_rad) * 4 * radius_stepresult_list_posx = self.center.x() - cos_valuefor data, meta in data_points.items():distance = meta['distance']color_value = meta['color']# 设置点的颜色和大小qp.setPen(QPen(color_value, 8))# 距离 转换 像素距离pix_distance = distance * radius_step / 10000if 'angle' in meta: # 存在角度值,则画点angle = meta['angle']# 将极坐标转换为直角坐标x = self.center.x() + pix_distance * math.cos(math.radians(90 - angle))y = self.center.y() - pix_distance * math.sin(math.radians(90 - angle))self.points[data] = (x, y)# 绘制点(使用 drawEllipse 方法绘制很小的圆来近似点)qp.drawEllipse(QPointF(x, y), self.point_radius - 1, self.point_radius - 1)# 在下面列表展示详情qp.setFont(font)qp.setBrush(color_value) # 设置填充颜色qp.drawEllipse(result_list_posx + 3, self.center.y() + 20 + line_height * num, 14, 14) # 绘制圆点qp.setPen(Qt.black) # 设置文本颜色为黑色text = "提示内容1"qp.drawText(result_list_posx + 20 + text_offset, self.center.y() + 33 + line_height * num, text)num += 1def mousePressEvent(self, event):# 检测鼠标是否在点的附近pos = event.pos()check_radius = self.point_radius + 2 # 检测鼠标点击半径,比告警点宽一点点# self.lastClickedPoint = Nonefor data, position in self.points.items():x = position[0]y = position[1]# 检查鼠标是否在点的矩形区域内(使用半径扩展)rect = QRect(x - check_radius, y - check_radius, 2 * check_radius, 2 * check_radius)if rect.contains(pos):# self.lastClickedPoint = QPoint(x, y)tip = data[-4:] + ': ' + self.data_points[data]['collect_time'][5:-3]# 显示提示,并设置定时器self.show_tool_tip(pos, tip)self.toolTip_time.start(self.time_hide_tip) # 到时隐藏提示breakelse:for imsi, r in self.arcs_radius.items():if self.is_point_on_arc(r, self.start_angle, self.span_angle, pos, self.point_radius):# print("点击点在圆弧上")tip = imsi[-4:] + ': ' + self.data_points[imsi]['collect_time'][5:-3]# 显示提示,并设置定时器self.show_tool_tip(pos, tip)self.toolTip_time.start(self.time_hide_tip) # 到时隐藏提示breakelse:# 如果没有在任何点附近,隐藏工具提示self.hide_tool_tip()def resizeEvent(self, event):# 当窗口大小改变时,触发重绘self.update()def show_tool_tip(self, pos, text:str):"""在指定坐标显示提示:param pos: 信息提示的坐标:param text: 提示内容:return:"""self.toolTipLabel.setText(f"{text}")# 将label移动到鼠标位置附近,但可能需要根据需要进行调整以避免遮挡label_pos = pos + QPoint(20, -self.toolTipLabel.height() - 20)# 显示CustomToolTip在widget的指定位置附近screen = QApplication.desktop().screenGeometry()# widget_rect = self.geometry()# widget_top_left = self.mapToGlobal(widget_rect.topLeft())# # 计算位置,确保ToolTip不会超出屏幕# x = widget_top_left.x() + pos.x()# y = widget_top_left.y() + pos.y()x = label_pos.x()y = label_pos.y()if x + self.toolTipLabel.width() > screen.width():x = screen.width() - self.toolTipLabel.width()if y + self.toolTipLabel.height() > screen.height():y = screen.height() - self.toolTipLabel.height()self.toolTipLabel.move(x, y)self.toolTipLabel.show()def hide_tool_tip(self):self.toolTipLabel.hide()self.toolTip_time.stop()
这篇关于pyqt5用QPainter在扇形上面描绘数据点,并可点击提示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!