Update plot_ph_week.html
Browse files- plot_ph_week.html +8 -8
plot_ph_week.html
CHANGED
@@ -30,19 +30,19 @@
|
|
30 |
|
31 |
// Рендерим графики с использованием Plotly.js
|
32 |
Plotly.newPlot("ph_chart", [{
|
33 |
-
x: data.
|
34 |
y: data.ph,
|
35 |
type: "scatter",
|
36 |
mode: "lines",
|
37 |
name: "pH"
|
38 |
}], {
|
39 |
title: `График pH за ${data.week}-ю неделю`,
|
40 |
-
xaxis: { title: "
|
41 |
yaxis: { title: "pH" }
|
42 |
});
|
43 |
|
44 |
Plotly.newPlot("ec_chart", [{
|
45 |
-
x: data.
|
46 |
y: data.ec,
|
47 |
type: "scatter",
|
48 |
mode: "lines",
|
@@ -50,17 +50,17 @@
|
|
50 |
line: { color: "green" }
|
51 |
}], {
|
52 |
title: `График EC за ${data.week}-ю неделю`,
|
53 |
-
xaxis: { title: "
|
54 |
yaxis: { title: "EC" }
|
55 |
});
|
56 |
|
57 |
Plotly.newPlot("pump_chart", [
|
58 |
-
{ x: data.
|
59 |
-
{ x: data.
|
60 |
-
{ x: data.
|
61 |
], {
|
62 |
title: `График работы насосов за ${data.week}-ю неделю`,
|
63 |
-
xaxis: { title: "
|
64 |
yaxis: { title: "Состояние насосов" }
|
65 |
});
|
66 |
</script>
|
|
|
30 |
|
31 |
// Рендерим графики с использованием Plotly.js
|
32 |
Plotly.newPlot("ph_chart", [{
|
33 |
+
x: data.days_of_week, // Дни недели (цифры от 1 до 7)
|
34 |
y: data.ph,
|
35 |
type: "scatter",
|
36 |
mode: "lines",
|
37 |
name: "pH"
|
38 |
}], {
|
39 |
title: `График pH за ${data.week}-ю неделю`,
|
40 |
+
xaxis: { title: "День недели", tickvals: [1, 2, 3, 4, 5, 6, 7], ticktext: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"] },
|
41 |
yaxis: { title: "pH" }
|
42 |
});
|
43 |
|
44 |
Plotly.newPlot("ec_chart", [{
|
45 |
+
x: data.days_of_week, // Дни недели (цифры от 1 до 7)
|
46 |
y: data.ec,
|
47 |
type: "scatter",
|
48 |
mode: "lines",
|
|
|
50 |
line: { color: "green" }
|
51 |
}], {
|
52 |
title: `График EC за ${data.week}-ю неделю`,
|
53 |
+
xaxis: { title: "День недели", tickvals: [1, 2, 3, 4, 5, 6, 7], ticktext: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"] },
|
54 |
yaxis: { title: "EC" }
|
55 |
});
|
56 |
|
57 |
Plotly.newPlot("pump_chart", [
|
58 |
+
{ x: data.days_of_week, y: data.onA, type: "scatter", mode: "lines", name: "Насос A", line: { color: "blue" } },
|
59 |
+
{ x: data.days_of_week, y: data.onB, type: "scatter", mode: "lines", name: "Насос B", line: { color: "brown" } },
|
60 |
+
{ x: data.days_of_week, y: data.onC, type: "scatter", mode: "lines", name: "Насос C", line: { color: "orange" } }
|
61 |
], {
|
62 |
title: `График работы насосов за ${data.week}-ю неделю`,
|
63 |
+
xaxis: { title: "День недели", tickvals: [1, 2, 3, 4, 5, 6, 7], ticktext: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"] },
|
64 |
yaxis: { title: "Состояние насосов" }
|
65 |
});
|
66 |
</script>
|