Update online.html

online.html

@@ -500,7 +500,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       line: { color: "blue" },
       customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
       hovertemplate: "<b>pH: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
-      hoverlabel: { bgcolor: "blue", font: { color: "white" } }
+      hoverlabel: { bgcolor: "blue", font: { color: "white" } },
+      visible: true // pH активен по умолчанию
     },
     {
       x: dataHistory.labels,
@@ -510,7 +511,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       line: { color: "green" },
       customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
       hovertemplate: "<b>EC: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
-      hoverlabel: { bgcolor: "green", font: { color: "white" } }
+      hoverlabel: { bgcolor: "green", font: { color: "white" } },
+      visible: "legendonly" // EC выключен, но в легенде
     },
     {
       x: dataHistory.labels,
@@ -520,7 +522,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       line: { color: "red" },
       customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
       hovertemplate: "<b>Т. раствора: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
-      hoverlabel: { bgcolor: "red", font: { color: "white" } }
+      hoverlabel: { bgcolor: "red", font: { color: "white" } },
+      visible: "legendonly" // Т. раствора выключен
     },
     {
       x: dataHistory.labels,
@@ -530,7 +533,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       line: { color: "orange" },
       customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
       hovertemplate: "<b>Т. воздуха: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
-      hoverlabel: { bgcolor: "orange", font: { color: "white" } }
+      hoverlabel: { bgcolor: "orange", font: { color: "white" } },
+      visible: "legendonly" // Т. воздуха выключен
     },
     {
       x: dataHistory.labels,
@@ -540,7 +544,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       line: { color: "purple" },
       customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
       hovertemplate: "<b>Вл. воздуха: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
-      hoverlabel: { bgcolor: "purple", font: { color: "white" } }
+      hoverlabel: { bgcolor: "purple", font: { color: "white" } },
+      visible: "legendonly" // Вл. воздуха выключен
     },
     {
       x: dataHistory.labels,
@@ -550,7 +555,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       line: { color: "brown" },
       customdata: dataHistory.dates.map((date, i) => [date, dataHistory.times[i]]),
       hovertemplate: "<b>Об. вентилятора: %{y}</b><br>Дата: %{customdata[0]}<br>Время: %{customdata[1]}<extra></extra>",
-      hoverlabel: { bgcolor: "brown", font: { color: "white" } }
+      hoverlabel: { bgcolor: "brown", font: { color: "white" } },
+      visible: "legendonly" // Об. вентилятора выключен
     }
   ];