diff --git a/plugins/stats_dashboard/templates/robot_management.html b/plugins/stats_dashboard/templates/robot_management.html index 1a04ce3..8168757 100644 --- a/plugins/stats_dashboard/templates/robot_management.html +++ b/plugins/stats_dashboard/templates/robot_management.html @@ -151,7 +151,8 @@

消息数量趋势

- + +
@@ -452,16 +453,26 @@ renderTrendChart(data) { try { - // 使用Vue的ref获取Canvas元素 - const canvas = this.$refs.messageTrendChart; + console.log('开始渲染图表'); - if (!canvas) { - console.error('找不到Canvas元素,ref: messageTrendChart'); - this.$message.error('无法找到图表元素,请尝试重新打开对话框'); - this.trendLoading = false; + // 获取容器元素 + const container = this.$refs.chartContainer; + if (!container) { + console.error('找不到图表容器'); + this.$message.error('无法找到图表容器,请尝试重新打开对话框'); return; } + // 清空容器 + container.innerHTML = ''; + + // 动态创建Canvas元素 + const canvas = document.createElement('canvas'); + canvas.width = container.clientWidth; + canvas.height = container.clientHeight; + container.appendChild(canvas); + + console.log('已创建Canvas元素'); const ctx = canvas.getContext('2d'); // 销毁旧图表