Session UI: price/co2 visualization, fix month tooltip (#16772)

evcc-io · Oct 21, 2024 · a14da6c · a14da6c
1 parent 2711690
commit a14da6c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/assets/js/components/Sessions/CostHistoryChart.vue b/assets/js/components/Sessions/CostHistoryChart.vue
@@ -9,14 +9,32 @@
 
 <script>
 import { Bar } from "vue-chartjs";
-import { BarController, BarElement, CategoryScale, LinearScale, Legend, Tooltip } from "chart.js";
+import {
+	BarController,
+	BarElement,
+	CategoryScale,
+	Legend,
+	LinearScale,
+	LineController,
+	LineElement,
+	Tooltip,
+} from "chart.js";
 import { registerChartComponents, commonOptions, tooltipLabelColor } from "./chartConfig";
 import LegendList from "./LegendList.vue";
 import formatter from "../../mixins/formatter";
 import colors from "../../colors";
 import { TYPES, GROUPS, PERIODS } from "./types";
 
-registerChartComponents([BarController, BarElement, CategoryScale, LinearScale, Legend, Tooltip]);
+registerChartComponents([
+	BarController,
+	BarElement,
+	CategoryScale,
+	Legend,
+	LinearScale,
+	LineController,
+	LineElement,
+	Tooltip,
+]);
 
 export default {
 	name: "CostHistoryChart",
@@ -222,7 +240,7 @@ export default {
 									const date = new Date(this.year, label - 1, 1);
 									return this.fmtMonth(date);
 								} else {
-									const date = new Date(this.year, this.month, label);
+									const date = new Date(this.year, this.month - 1, label);
 									return this.fmtDayMonth(date);
 								}
 							},

diff --git a/assets/js/components/Sessions/EnergyHistoryChart.vue b/assets/js/components/Sessions/EnergyHistoryChart.vue
@@ -179,7 +179,7 @@ export default {
 									const date = new Date(this.year, label - 1, 1);
 									return this.fmtMonth(date);
 								} else {
-									const date = new Date(this.year, this.month, label);
+									const date = new Date(this.year, this.month - 1, label);
 									return this.fmtDayMonth(date);
 								}
 							},