Update plot_ph_week.html
Browse files- plot_ph_week.html +2 -26
plot_ph_week.html
CHANGED
@@ -14,21 +14,6 @@
|
|
14 |
|
15 |
.graph {
|
16 |
width: 70%;
|
17 |
-
position: relative;
|
18 |
-
}
|
19 |
-
|
20 |
-
.label-container {
|
21 |
-
display: flex;
|
22 |
-
flex-direction: column;
|
23 |
-
justify-content: space-between;
|
24 |
-
width: 20%;
|
25 |
-
}
|
26 |
-
|
27 |
-
.label {
|
28 |
-
font-size: 16px;
|
29 |
-
font-weight: bold;
|
30 |
-
color: black;
|
31 |
-
margin: 5px 0;
|
32 |
}
|
33 |
</style>
|
34 |
</head>
|
@@ -43,31 +28,21 @@
|
|
43 |
<div class="graph-container">
|
44 |
<!-- График pH -->
|
45 |
<div class="graph" id="ph_chart"></div>
|
46 |
-
<div class="label-container">
|
47 |
-
<div class="label" style="color: blue;">pH</div>
|
48 |
-
</div>
|
49 |
</div>
|
50 |
|
51 |
<div class="graph-container">
|
52 |
<!-- График EC -->
|
53 |
<div class="graph" id="ec_chart"></div>
|
54 |
-
<div class="label-container">
|
55 |
-
<div class="label" style="color: green;">EC</div>
|
56 |
-
</div>
|
57 |
</div>
|
58 |
|
59 |
<div class="graph-container">
|
60 |
<!-- График насосов -->
|
61 |
<div class="graph" id="pump_chart"></div>
|
62 |
-
<div class="label-container">
|
63 |
-
<div class="label" style="color: blue;">Насос A</div>
|
64 |
-
<div class="label" style="color: brown;">Насос B</div>
|
65 |
-
<div class="label" style="color: orange;">Насос C</div>
|
66 |
-
</div>
|
67 |
</div>
|
68 |
|
69 |
<script>
|
70 |
const data = {{ data | tojson }}; // Данные из Flask
|
|
|
71 |
// Рендерим графики с использованием Plotly.js
|
72 |
Plotly.newPlot("ph_chart", [{
|
73 |
x: data.dates,
|
@@ -170,3 +145,4 @@
|
|
170 |
|
171 |
</body>
|
172 |
</html>
|
|
|
|
14 |
|
15 |
.graph {
|
16 |
width: 70%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
17 |
}
|
18 |
</style>
|
19 |
</head>
|
|
|
28 |
<div class="graph-container">
|
29 |
<!-- График pH -->
|
30 |
<div class="graph" id="ph_chart"></div>
|
|
|
|
|
|
|
31 |
</div>
|
32 |
|
33 |
<div class="graph-container">
|
34 |
<!-- График EC -->
|
35 |
<div class="graph" id="ec_chart"></div>
|
|
|
|
|
|
|
36 |
</div>
|
37 |
|
38 |
<div class="graph-container">
|
39 |
<!-- График насосов -->
|
40 |
<div class="graph" id="pump_chart"></div>
|
|
|
|
|
|
|
|
|
|
|
41 |
</div>
|
42 |
|
43 |
<script>
|
44 |
const data = {{ data | tojson }}; // Данные из Flask
|
45 |
+
|
46 |
// Рендерим графики с использованием Plotly.js
|
47 |
Plotly.newPlot("ph_chart", [{
|
48 |
x: data.dates,
|
|
|
145 |
|
146 |
</body>
|
147 |
</html>
|
148 |
+
|