DmitrMakeev commited on
Commit
538262c
·
verified ·
1 Parent(s): c825e81

Update plot_ph_week.html

Browse files
Files changed (1) hide show
  1. 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
+