Update plot_ph_week.html
Browse files- plot_ph_week.html +34 -3
plot_ph_week.html
CHANGED
|
@@ -62,10 +62,41 @@
|
|
| 62 |
hovermode: "closest"
|
| 63 |
});
|
| 64 |
|
|
|
|
| 65 |
Plotly.newPlot("pump_chart", [
|
| 66 |
-
{
|
| 67 |
-
|
| 68 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 69 |
], {
|
| 70 |
title: `График работы насосов за ${data.week}-ю неделю`,
|
| 71 |
xaxis: { title: "Дата" }, // Ось X теперь - это даты
|
|
|
|
| 62 |
hovermode: "closest"
|
| 63 |
});
|
| 64 |
|
| 65 |
+
// Добавляем дни недели на график насосов
|
| 66 |
Plotly.newPlot("pump_chart", [
|
| 67 |
+
{
|
| 68 |
+
x: data.dates,
|
| 69 |
+
y: data.onA,
|
| 70 |
+
type: "scatter",
|
| 71 |
+
mode: "lines",
|
| 72 |
+
name: "Насос A",
|
| 73 |
+
line: { color: "blue" },
|
| 74 |
+
hovertemplate: data.days_of_week.map((day, index) =>
|
| 75 |
+
`День недели: ${day}<br>Насос A: %{y}<br>Дата: ${data.dates[index]}`
|
| 76 |
+
)
|
| 77 |
+
},
|
| 78 |
+
{
|
| 79 |
+
x: data.dates,
|
| 80 |
+
y: data.onB,
|
| 81 |
+
type: "scatter",
|
| 82 |
+
mode: "lines",
|
| 83 |
+
name: "Насос B",
|
| 84 |
+
line: { color: "brown" },
|
| 85 |
+
hovertemplate: data.days_of_week.map((day, index) =>
|
| 86 |
+
`День недели: ${day}<br>Насос B: %{y}<br>Дата: ${data.dates[index]}`
|
| 87 |
+
)
|
| 88 |
+
},
|
| 89 |
+
{
|
| 90 |
+
x: data.dates,
|
| 91 |
+
y: data.onC,
|
| 92 |
+
type: "scatter",
|
| 93 |
+
mode: "lines",
|
| 94 |
+
name: "Насос C",
|
| 95 |
+
line: { color: "orange" },
|
| 96 |
+
hovertemplate: data.days_of_week.map((day, index) =>
|
| 97 |
+
`День недели: ${day}<br>Насос C: %{y}<br>Дата: ${data.dates[index]}`
|
| 98 |
+
)
|
| 99 |
+
}
|
| 100 |
], {
|
| 101 |
title: `График работы насосов за ${data.week}-ю неделю`,
|
| 102 |
xaxis: { title: "Дата" }, // Ось X теперь - это даты
|