From bfe2cf34726dcd25563db7a8c74cffa2a094e767 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <i@haozi.net>
Date: Thu, 1 Dec 2022 01:44:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=88=E7=9B=91=E6=8E=A7?=
 =?UTF-8?q?=EF=BC=89=EF=BC=9A=E5=9C=A8=E7=AA=97=E5=8F=A3=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E6=94=B9=E5=8F=98=E6=97=B6=EF=BC=8C=E9=87=8D=E7=BD=AE=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/monitor.blade.php | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/resources/views/monitor.blade.php b/resources/views/monitor.blade.php
index 2f59c1de..673f2b23 100644
--- a/resources/views/monitor.blade.php
+++ b/resources/views/monitor.blade.php
@@ -216,7 +216,7 @@
                     layer.msg(res.msg, {icon: 2});
                     return false;
                 }
-                renderEcharts('load_monitor', '负载监控', undefined, res.data.times, [{
+                let loadChart = renderEcharts('load_monitor', '负载监控', undefined, res.data.times, [{
                     name: '负载',
                     type: 'line',
                     smooth: true,
@@ -229,7 +229,7 @@
                         data: [{type: 'average', name: '平均值'}]
                     }
                 }]);
-                renderEcharts('cpu_monitor', 'CPU监控', undefined, res.data.times, [{
+                let cpuChart = renderEcharts('cpu_monitor', 'CPU监控', undefined, res.data.times, [{
                     name: '使用率',
                     type: 'line',
                     smooth: true,
@@ -242,7 +242,7 @@
                         data: [{type: 'average', name: '平均值'}]
                     }
                 }], '{value} %', '单位 %');
-                renderEcharts('memory_monitor', '内存', {
+                let memoryChart = renderEcharts('memory_monitor', '内存', {
                     x: 'left',
                     data: ["内存", "Swap"]
                 }, res.data.times, [{
@@ -270,7 +270,7 @@
                         data: [{type: 'average', name: '平均值'}]
                     }
                 }], '{value} M', '单位 MB');
-                renderEcharts('network_monitor', '网络', {
+                let networkChart = renderEcharts('network_monitor', '网络', {
                     x: 'left',
                     data: ["出", "入"]
                 }, res.data.times, [{
@@ -298,6 +298,14 @@
                         data: [{type: 'average', name: '平均值'}]
                     }
                 }], '{value} Kb', '单位 Kb/s');
+
+                // 在窗口大小改变时，重置图表大小
+                window.addEventListener("resize", function () {
+                    loadChart.resize();
+                    cpuChart.resize();
+                    memoryChart.resize();
+                    networkChart.resize();
+                });
             }, error: function (xhr, status, error) {
                 console.log('耗子Linux面板：ajax请求出错，错误' + error);
             }
@@ -329,6 +337,6 @@
         };
 
         Chart.setOption(option);
-        window.onresize = Chart.resize;
+        return Chart;
     }
 </script>
\ No newline at end of file