From c3288e836268efca0f643f4ffb1a51e12a85fe1a Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Wed, 26 Mar 2025 14:03:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=B6=8B=E5=8A=BF=E5=9B=BE?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=8A=A0=E5=85=A5=E4=BA=86=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E6=95=B0=E6=8D=AE=E5=BA=93=EF=BC=8C=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E7=BE=A4=E8=81=8A=E8=81=8A=E5=A4=A9=E6=95=B0=E9=87=8F=E7=9A=84?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/robot_management.html           | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

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 @@
         <div v-else>
             <div class="chart-container">
                 <h3>消息数量趋势</h3>
-                <canvas ref="messageTrendChart" width="800" height="300"></canvas>
+                <!-- 使用div作为容器，动态创建canvas -->
+                <div ref="chartContainer" style="width: 100%; height: 300px;"></div>
             </div>
             <div style="margin-top: 20px; text-align: center;">
                 <el-radio-group v-model="trendDays" @change="loadMessageTrend">
@@ -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');
                     
                     // 销毁旧图表