diff --git a/assets/js/components/History/EnergyChart.vue b/assets/js/components/History/EnergyChart.vue index 59705dc45..60bebe8c7 100644 --- a/assets/js/components/History/EnergyChart.vue +++ b/assets/js/components/History/EnergyChart.vue @@ -25,7 +25,7 @@ import { commonOptions } from "../Sessions/chartConfig"; import LegendList from "../Sessions/LegendList.vue"; import type { Legend } from "../Sessions/types"; import formatter from "@/mixins/formatter"; -import type { SeriesData } from "./Chart.vue"; +import type { SeriesData } from "./PowerChart.vue"; ChartJS.register(CategoryScale, LinearScale, BarController, BarElement, Tooltip); @@ -79,7 +79,7 @@ export default defineComponent({ const exportData = dayKeys.map((key) => -(byDay[key]?.export ?? 0)); const hasExport = exportData.some((v) => v !== 0); - const importLabel = hasExport ? `${s.name} (import)` : s.name; + const importLabel = hasExport ? `${s.group} (import)` : s.group; datasets.push({ label: importLabel, @@ -90,7 +90,7 @@ export default defineComponent({ if (hasExport) { datasets.push({ - label: `${s.name} (export)`, + label: `${s.group} (export)`, data: exportData, backgroundColor: lighterColor(color), stack: `s${i}`, @@ -153,11 +153,11 @@ export default defineComponent({ const color = colors.palette[i % colors.palette.length]; const hasExport = s.data.some((slot) => slot.export > 0); - const importLabel = hasExport ? `${s.name} (import)` : s.name; + const importLabel = hasExport ? `${s.group} (import)` : s.group; result.push({ label: importLabel, color, value: "" }); if (hasExport) { result.push({ - label: `${s.name} (export)`, + label: `${s.group} (export)`, color: lighterColor(color), value: "", }); diff --git a/assets/js/components/History/Chart.vue b/assets/js/components/History/PowerChart.vue similarity index 97% rename from assets/js/components/History/Chart.vue rename to assets/js/components/History/PowerChart.vue index 4e71801fc..0767ccf35 100644 --- a/assets/js/components/History/Chart.vue +++ b/assets/js/components/History/PowerChart.vue @@ -48,7 +48,8 @@ interface Slot { } export interface SeriesData { - name: string; + name?: string; + group: string; data: Slot[]; } @@ -58,7 +59,7 @@ function slotPower(slot: Slot, field: "import" | "export"): number { } export default defineComponent({ - name: "HistoryChart", + name: "HistoryPowerChart", components: { Line, LegendList }, mixins: [formatter], props: { @@ -82,7 +83,7 @@ export default defineComponent({ }); return { - label: s.name, + label: s.group, data: points, borderColor: color, backgroundColor: fill, @@ -171,7 +172,7 @@ export default defineComponent({ }, legends(): Legend[] { return this.series.map((s, i) => ({ - label: s.name, + label: s.group, color: colors.palette[i % colors.palette.length], value: "", })); diff --git a/assets/js/views/History.vue b/assets/js/views/History.vue index a346f2d97..2be585133 100644 --- a/assets/js/views/History.vue +++ b/assets/js/views/History.vue @@ -32,7 +32,7 @@