Update online.html

online.html

@@ -496,8 +496,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       x: dataHistory.labels,
       y: dataHistory.ph,
       name: "pH",
-      mode: "lines",
+      mode: "lines+markers", // Линия с точками
       line: { color: "blue" },
+      marker: { size: 6 }, // Размер точек
       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" } },
@@ -507,19 +508,21 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       x: dataHistory.labels,
       y: dataHistory.ec,
       name: "EC",
-      mode: "lines",
+      mode: "lines+markers", // Линия с точками
       line: { color: "green" },
+      marker: { size: 6 },
       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" } },
-      visible: "legendonly" // EC выключен, но в легенде
+      visible: "legendonly" // EC выключен
     },
     {
       x: dataHistory.labels,
       y: dataHistory.tS,
       name: "Т. раствора",
-      mode: "lines",
+      mode: "lines+markers", // Линия с точками
       line: { color: "red" },
+      marker: { size: 6 },
       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" } },
@@ -529,8 +532,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       x: dataHistory.labels,
       y: dataHistory.tA,
       name: "Т. воздуха",
-      mode: "lines",
+      mode: "lines+markers", // Линия с точками
       line: { color: "orange" },
+      marker: { size: 6 },
       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" } },
@@ -540,8 +544,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       x: dataHistory.labels,
       y: dataHistory.hDm,
       name: "Вл. воздуха",
-      mode: "lines",
+      mode: "lines+markers", // Линия с точками
       line: { color: "purple" },
+      marker: { size: 6 },
       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" } },
@@ -551,8 +556,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       x: dataHistory.labels,
       y: dataHistory.sVen,
       name: "Об. вентилятора",
-      mode: "lines",
+      mode: "lines+markers", // Линия с точками
       line: { color: "brown" },
+      marker: { size: 6 },
       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" } },