Update plot_ph_week.html
Browse files- plot_ph_week.html +16 -4
plot_ph_week.html
CHANGED
@@ -6,14 +6,26 @@
|
|
6 |
<title>Графики pH и EC</title>
|
7 |
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
|
8 |
<style>
|
9 |
-
|
|
|
10 |
display: flex;
|
11 |
-
justify-content:
|
12 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
13 |
}
|
14 |
|
15 |
.graph {
|
16 |
-
width:
|
|
|
17 |
}
|
18 |
</style>
|
19 |
</head>
|
|
|
6 |
<title>Графики pH и EC</title>
|
7 |
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
|
8 |
<style>
|
9 |
+
/* Центрирование и растягивание графиков */
|
10 |
+
body {
|
11 |
display: flex;
|
12 |
+
justify-content: center;
|
13 |
+
align-items: center;
|
14 |
+
flex-direction: column;
|
15 |
+
margin: 0;
|
16 |
+
padding: 0;
|
17 |
+
height: 100vh;
|
18 |
+
}
|
19 |
+
|
20 |
+
.graph-container {
|
21 |
+
width: 90%;
|
22 |
+
max-width: 1200px;
|
23 |
+
margin-bottom: 30px;
|
24 |
}
|
25 |
|
26 |
.graph {
|
27 |
+
width: 100%;
|
28 |
+
height: 500px; /* Можешь подкорректировать высоту, если нужно */
|
29 |
}
|
30 |
</style>
|
31 |
</head>
|