ocr折线图：全区-可切秒，修改切换全区/地市时图表legend未重置问题

src/main/resources/templates/callSupervision/index.html

@@ -125,10 +125,14 @@
                         </div>
                     </div>
                     <div class="layui-form-item layui-col-xs4 interval-box">
-                        <div class="layui-input-block">
+                        <div class="layui-input-block flex flex-row flex-align">
                             <input type="radio" lay-filter="radio-time" name="interval" value="hour" title="时">
                             <input type="radio" lay-filter="radio-time" name="interval" value="minute" title="分">
-                            <input type="radio" lay-filter="radio-time" name="interval" value="second" title="秒">
+                            <div id="radio-second" style="width: fit-content">
+                                <input type="radio" lay-filter="radio-time" name="interval"
+                                       value="second"
+                                       title="秒">
+                            </div>
                         </div>
                     </div>
                 </form>
@@ -181,6 +185,7 @@
     var datazoom_end_n = 100;
     var datazoom_broken_start_n = 0;
     var datazoom_broken_end_n = 100;
+    var isLineRestart = false;
 
     // 确保layui和echarts已经加载
     layui.config({
@@ -209,6 +214,12 @@
 
         // 全区/地市 切换监听
         form.on('switch(area)', function (data) {
+            let checked = data.elem.checked;
+            if (checked) {
+                $("#radio-second").show();
+            } else {
+                $("#radio-second").hide();
+            }
             if (timeLineChart) {
                 timeLineChart.clear();
             }
@@ -358,13 +369,13 @@
 
         // 开启定时器
         function startInterval() {
-            // callInterval();
+            callInterval();
             restartBrokenLineInterval(true);
-            // getServerMonitoring(true);
-            // monitorInterval = setInterval(function () {
-            //     getServerMonitoring();
-            // }, 5000)
-            // refreshTableInterval();
+            getServerMonitoring(true);
+            monitorInterval = setInterval(function () {
+                getServerMonitoring();
+            }, 5000)
+            refreshTableInterval();
         }
 
         startInterval();
@@ -435,6 +446,8 @@
                 option = defaultLineOptions;
                 if (showLegend) {
                     option.legend.data = legendData;
+                } else {
+                    option.legend.data = [];
                 }
                 let fData = form.val('areaForm');
                 // 坐标轴最小间隔
@@ -487,6 +500,7 @@
             if (!fData.isRegion) {
                 displayType = "detailed"
             }
+            isLineRestart = false;
             let startDate = fData.day ? `${fData.year}-${fData.month}-${fData.day}` : fData.month ? `${fData.year}-${fData.month}` : fData.year;
             axios({
                 url: gatewayUrl + '/stat/getBrokenLineData',
@@ -520,8 +534,10 @@
                         updateLineChart({dataObject: YArrObject, showLegend: true}, isNotMerge);
                     }
                 }
+                isLineRestart = true
             }).catch(function (err) {
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
+                isLineRestart = true
             })
         }
 
@@ -535,7 +551,9 @@
                 brokenLineInterval = null;
             }
             brokenLineInterval = setInterval(function () {
+                if (isLineRestart) {
                     getBrokenLineData();
+                }
             }, 5000)
         }