исправление багов графика

public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-    <title>IoT Manager 4.2.2</title>
+    <title>IoT Manager 4.2.3</title>
 
     <link rel="icon" type="image/png" href="/favicon.ico" />
     <link rel="stylesheet" href="/build/bundle.css" />

src/App.svelte

@@ -38,12 +38,12 @@
   let opened = false;
   let preventMove = false;
   let showWidjetJson = false;
-  let devMode = true;
+  let devMode = false;
 
   //****************************************************variable section**********************************************************/
   //******************************************************************************************************************************/
   let myip = document.location.hostname;
-  if (devMode) myip = "192.168.88.225";
+  if (devMode) myip = "192.168.1.196";
 
   //Flags
   let firstDevListRequest = true;
@@ -1270,7 +1270,7 @@
     display: flex;
     align-items: center;
     position: fixed;
-    z-index: 1;
+    z-index: 2;
     top: 10px;
     left: 20px;
     width: 20px;
@@ -1301,6 +1301,7 @@
     display: block;
     position: fixed;
     visibility: hidden;
+    z-index: 1;
     top: 0;
     left: -100%;
     width: 150px; /* размер выхода бокового меню */

src/widgets/Chart.svelte

@@ -32,35 +32,35 @@
   $: widget.status, collectDataToArr();
 
   function collectDataToArr() {
-    if (widget.status) {
+    if (widget.status && Array.isArray(widget.status)) {
-      if (Array.isArray(widget.status)) {
+      //отсекаем лишние события изменения переменной widget
-        //отсекаем лишние события изменения переменной widget
+      if (prevSatus !== widget.status) {
-        if (prevSatus !== widget.status) {
+        console.log("[i]", "collecting chart data to array, topic:", widget.topic);
-          console.log("[i]", "collecting chart data to array, topic:", widget.topic);
+        let incomingDataArr = widget.status;
-          let incomingDataArr = widget.status;
 
-          console.log("[i]", "array:", incomingDataArr);
+        console.log("[i]", "array:", incomingDataArr);
 
-          collectingDataArray = [...collectingDataArray, ...incomingDataArr];
+        collectingDataArray = [...collectingDataArray, ...incomingDataArr];
 
-          for (let i = 0; i < collectingDataArray.length; i++) {
+        for (let i = 0; i < collectingDataArray.length; i++) {
-            labels[i] = getHHMM(collectingDataArray[i].x);
+          labels[i] = getHHMM(collectingDataArray[i].x);
-            values[i] = [collectingDataArray[i].y1];
+          values[i] = [collectingDataArray[i].y1];
-          }
-
-          datachart = {
-            labels: labels,
-            datasets: [
-              {
-                name: widget.descr,
-                values: values,
-              },
-            ],
-          };
-          prevSatus = widget.status;
-          datachart = datachart;
         }
+
+        datachart = {
+          labels: labels,
+          datasets: [
+            {
+              name: widget.descr,
+              values: values,
+            },
+          ],
+        };
+        prevSatus = widget.status;
+        datachart = datachart;
       }
+    } else {
+      console.log("[i]", "skipping event, topic:", widget.topic);
     }
   }
 
@@ -70,4 +70,6 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-label-has-associated-control -->
+<label class="wgt-dscr-stl">{!widget.descr ? "" : widget.descr}</label>
 <Chart data={datachart} type="line" lineOptions={lineOptions} axisOptions={axisOptions} />