Update online.html

online.html

@@ -477,7 +477,6 @@ document.getElementById("but_sliv").addEventListener("click", function() {
 
 
 
-  
 <script>
   // Объект для хранения истории данных
   let dataHistory = {
@@ -486,13 +485,16 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     times: [],
     ph: [],
     ec: [],
+    ec_A_eep: [], // Насос A
+    ec_B_eep: [], // Насос B
+    ec_C_eep: [], // Насос C
     tS: [],
     tA: [],
     hDm: [],
     sVen: []
   };
 
-  // Максимальное количество точек (по умолчанию 6 для теста)
+  // Максимальное количество точек (по умолчанию 60)
   let maxPoints = 60;
 
   // Инициализация графика Plotly
@@ -532,6 +534,42 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       hoverlabel: { bgcolor: "green", font: { color: "white" } },
       visible: "legendonly"
     },
+    {
+      x: dataHistory.labels,
+      y: dataHistory.ec_A_eep,
+      name: "Насос A",
+      mode: "lines+markers",
+      line: { color: "#00CED1" }, // Бирюзовый
+      marker: { size: 6 },
+      customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
+      hovertemplate: "<b>Насос A: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
+      hoverlabel: { bgcolor: "#00CED1", font: { color: "white" } },
+      visible: "legendonly"
+    },
+    {
+      x: dataHistory.labels,
+      y: dataHistory.ec_B_eep,
+      name: "Насос B",
+      mode: "lines+markers",
+      line: { color: "#FF1493" }, // Розовый
+      marker: { size: 6 },
+      customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
+      hovertemplate: "<b>Насос B: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
+      hoverlabel: { bgcolor: "#FF1493", font: { color: "white" } },
+      visible: "legendonly"
+    },
+    {
+      x: dataHistory.labels,
+      y: dataHistory.ec_C_eep,
+      name: "Насос C",
+      mode: "lines+markers",
+      line: { color: "#FFD700" }, // Золотой
+      marker: { size: 6 },
+      customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
+      hovertemplate: "<b>Насос C: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
+      hoverlabel: { bgcolor: "#FFD700", font: { color: "white" } },
+      visible: "legendonly"
+    },
     {
       x: dataHistory.labels,
       y: dataHistory.tS,
@@ -617,6 +655,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     dataHistory.times.push(data.time);
     dataHistory.ph.push(parseFloat(data.ph) || 0);
     dataHistory.ec.push(parseFloat(data.ec) || 0);
+    dataHistory.ec_A_eep.push(parseFloat(data.ec_A_eep) || 0); // Насос A
+    dataHistory.ec_B_eep.push(parseFloat(data.ec_B_eep) || 0); // Насос B
+    dataHistory.ec_C_eep.push(parseFloat(data.ec_C_eep) || 0); // Насос C
     dataHistory.tS.push(parseFloat(data.tS) || 0);
     dataHistory.tA.push(parseFloat(data.tA) || 0);
     dataHistory.hDm.push(parseFloat(data.hDm) || 0);
@@ -629,6 +670,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       dataHistory.times.shift();
       dataHistory.ph.shift();
       dataHistory.ec.shift();
+      dataHistory.ec_A_eep.shift(); // Насос A
+      dataHistory.ec_B_eep.shift(); // Насос B
+      dataHistory.ec_C_eep.shift(); // Насос C
       dataHistory.tS.shift();
       dataHistory.tA.shift();
       dataHistory.hDm.shift();
@@ -648,11 +692,17 @@ document.getElementById("but_sliv").addEventListener("click", function() {
         dataHistory.labels,
         dataHistory.labels,
         dataHistory.labels,
-        dataHistory.labels
+        dataHistory.labels,
+        dataHistory.labels, // Для Насос A
+        dataHistory.labels, // Для Насос B
+        dataHistory.labels  // Для Насос C
       ],
       y: [
         dataHistory.ph,
         dataHistory.ec,
+        dataHistory.ec_A_eep, // Насос A
+        dataHistory.ec_B_eep, // Насос B
+        dataHistory.ec_C_eep, // Насос C
         dataHistory.tS,
         dataHistory.tA,
         dataHistory.hDm,
@@ -664,7 +714,10 @@ document.getElementById("but_sliv").addEventListener("click", function() {
         customdata,
         customdata,
         customdata,
-        customdata
+        customdata,
+        customdata, // Для Насос A
+        customdata, // Для Насос B
+        customdata  // Для Насос C
       ]
     });
   }
@@ -692,6 +745,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       dataHistory.times.shift();
       dataHistory.ph.shift();
       dataHistory.ec.shift();
+      dataHistory.ec_A_eep.shift(); // Насос A
+      dataHistory.ec_B_eep.shift(); // Насос B
+      dataHistory.ec_C_eep.shift(); // Насос C
       dataHistory.tS.shift();
       dataHistory.tA.shift();
       dataHistory.hDm.shift();
@@ -709,9 +765,6 @@ document.getElementById("but_sliv").addEventListener("click", function() {
   };
 </script>
 
-
-
-
   
 </body>
 </html>