jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-25 13:57:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix energy device graph when multiple entities have same name (#10092)

Browse Source
This commit is contained in:
Bram Kragten 2021-09-28 02:55:46 +02:00 committed by GitHub
parent a89caccd32
commit 21e14bd644
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/panels/lovelace/cards/energy/hui-energy-devices-graph-card.ts
View File

@ -21,7 +21,11 @@ import {
import "../../../../components/chart/ha-chart-base";
import type HaChartBase from "../../../../components/chart/ha-chart-base";
import "../../../../components/ha-card";
import { EnergyData, getEnergyDataCollection } from "../../../../data/energy";
import {
DeviceConsumptionEnergyPreference,
EnergyData,
getEnergyDataCollection,
} from "../../../../data/energy";
import {
calculateStatisticSumGrowth,
fetchStatistics,
@ -48,6 +52,8 @@ export class HuiEnergyDevicesGraphCard
@query("ha-chart-base") private _chart?: HaChartBase;
private _deviceConsumptionPrefs: DeviceConsumptionEnergyPreference[] = [];
public hassSubscribe(): UnsubscribeFunc[] {
return [
getEnergyDataCollection(this.hass, {
@ -101,7 +107,16 @@ export class HuiEnergyDevicesGraphCard
scales: {
y: {
type: "category",
ticks: { autoSkip: false },
ticks: {
autoSkip: false,
callback: (index) => {
const devicePref = this._deviceConsumptionPrefs[index];
const entity = this.hass.states[devicePref.stat_consumption];
return entity
? computeStateName(entity)
: devicePref.stat_consumption;
},
},
},
x: {
title: {
@ -134,13 +149,15 @@ export class HuiEnergyDevicesGraphCard
);
fireEvent(this, "hass-more-info", {
// @ts-ignore
entityId: this._chartData?.datasets[0]?.data[index]?.entity_id,
entityId: this._chartData?.datasets[0]?.data[index]?.label,
});
},
})
);
private async _getStatistics(energyData: EnergyData): Promise<void> {
this._deviceConsumptionPrefs = energyData.prefs.device_consumption;
this._data = await fetchStatistics(
this.hass,
addHours(energyData.start, -1),
@ -180,9 +197,6 @@ export class HuiEnergyDevicesGraphCard
];
energyData.prefs.device_consumption.forEach((device, idx) => {
const entity = this.hass.states[device.stat_consumption];
const label = entity ? computeStateName(entity) : device.stat_consumption;
const value =
device.stat_consumption in this._data!
? calculateStatisticSumGrowth(this._data![device.stat_consumption]) ||
@ -191,9 +205,8 @@ export class HuiEnergyDevicesGraphCard
data.push({
// @ts-expect-error
y: label,
y: device.stat_consumption,
x: value,
entity_id: device.stat_consumption,
idx,
});
});