Spaces:
Running
Running
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 |
+
|