DmitrMakeev commited on
Commit
808f545
·
verified ·
1 Parent(s): a5da0ae

Update plot_week.html

Browse files
Files changed (1) hide show
  1. plot_week.html +23 -21
plot_week.html CHANGED
@@ -124,27 +124,29 @@ body {
124
 
125
  <script>
126
  const data = {{ data | tojson }};
127
-
128
- function createChart(id, yData, title, yLabel, color) {
129
- Plotly.newPlot(id, [{
130
- x: data.dates,
131
- y: yData,
132
- type: "scatter",
133
- mode: "lines+markers",
134
- line: { color: color },
135
- hovertemplate: data.days_of_week.map((day, index) =>
136
- `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}`
137
- )
138
- }], {
139
- title: title,
140
- xaxis: { title: "", showticklabels: false },
141
- yaxis: { title: yLabel, titlefont: { size: 14 } },
142
- hovermode: "closest",
143
- showlegend: false
144
- });
145
- }
146
- createChart("ph_chart", data.ph, `График pH за ${data.week}-ю неделю`, "Уровень pH", "blue");
147
- createChart("ec_chart", data.ec, `График EC за ${data.week}-ю неделю`, "Уровень EC", "blue");
 
 
148
  createChart("ts_chart", data.tS, `Температура раствора за ${data.week}-ю неделю`, "Температура (°C)", "purple");
149
  createChart("ta_chart", data.tA, `Температура воздуха за ${data.week}-ю неделю`, "Температура (°C)", "purple");
150
  createChart("hdm_chart", data.hDm, `Влажность воздуха за ${data.week}-ю неделю`, "Влажность (%)", "purple");
 
124
 
125
  <script>
126
  const data = {{ data | tojson }};
127
+
128
+
129
+ function createChart(id, yData, title, yLabel, color, fill=false) {
130
+ Plotly.newPlot(id, [{
131
+ x: data.dates,
132
+ y: yData,
133
+ type: "scatter",
134
+ mode: "lines+markers",
135
+ line: { color: color },
136
+ fill: fill ? 'tozeroy' : 'none', // Закрашиваем область под графиком
137
+ hovertemplate: data.days_of_week.map((day, index) =>
138
+ `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Значение: %{y}<br>Дата: ${data.dates[index]}`
139
+ )
140
+ }], {
141
+ title: title,
142
+ xaxis: { title: "", showticklabels: false },
143
+ yaxis: { title: yLabel, titlefont: { size: 14 } },
144
+ hovermode: "closest",
145
+ showlegend: false
146
+ });
147
+ }
148
+ createChart("ph_chart", data.ph, `График pH за ${data.week}-ю неделю`, "Уровень pH", "blue", true);
149
+ createChart("ec_chart", data.ec, `График EC за ${data.week}-ю неделю`, "Уровень EC", "blue", true);
150
  createChart("ts_chart", data.tS, `Температура раствора за ${data.week}-ю неделю`, "Температура (°C)", "purple");
151
  createChart("ta_chart", data.tA, `Температура воздуха за ${data.week}-ю неделю`, "Температура (°C)", "purple");
152
  createChart("hdm_chart", data.hDm, `Влажность воздуха за ${data.week}-ю неделю`, "Влажность (%)", "purple");