home-assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-02-04 01:10:33 -06:00
Code Issues Packages Projects Releases 748 Wiki Activity

Fix history chart issues (#27133)

Browse Source 
* Add z-index to reset button

* Add sync-charts property to StateHistoryCharts component
This commit is contained in:
Jan Layola 2025-09-23 06:51:57 +02:00 committed by GitHub
parent 6760f4a2ae
commit cbf96898fe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/chart/state-history-charts.ts
View File

@ -84,6 +84,9 @@ export class StateHistoryCharts extends LitElement {
@property({ attribute: "expand-legend", type: Boolean })
public expandLegend?: boolean;
@property({ attribute: "sync-charts", type: Boolean })
public syncCharts = false;
private _computedStartTime!: Date;
private _computedEndTime!: Date;
@ -146,7 +149,7 @@ export class StateHistoryCharts extends LitElement {
: html`${combinedItems.map((item, index) =>
this._renderHistoryItem(item, index)
)}`}
${this._hasZoomedCharts
${this.syncCharts && this._hasZoomedCharts
? html`<ha-fab
slot="fab"
class="reset-button"
@ -190,7 +193,7 @@ export class StateHistoryCharts extends LitElement {
@chart-zoom-with-index=${this._handleTimelineSync}
.height=${this.virtualize ? undefined : this.height}
.expandLegend=${this.expandLegend}
hide-reset-button
?hide-reset-button=${this.syncCharts}
></state-history-chart-line>
</div> `;
}
@ -209,7 +212,7 @@ export class StateHistoryCharts extends LitElement {
.clickForMoreInfo=${this.clickForMoreInfo}
@y-width-changed=${this._yWidthChanged}
@chart-zoom-with-index=${this._handleTimelineSync}
hide-reset-button
?hide-reset-button=${this.syncCharts}
></state-history-chart-timeline>
</div> `;
};
@ -302,7 +305,7 @@ export class StateHistoryCharts extends LitElement {
private _handleTimelineSync(
e: CustomEvent<HASSDomEvents["chart-zoom-with-index"]>
) {
if (this._isSyncing) {
if (!this.syncCharts || this._isSyncing) {
return;
}
@ -444,6 +447,7 @@ export class StateHistoryCharts extends LitElement {
position: fixed;
bottom: calc(24px + var(--safe-area-inset-bottom));
right: calc(24px + var(--safe-area-inset-bottom));
z-index: 1;
}
`;
}

1
src/panels/history/ha-panel-history.ts
View File

@ -199,6 +199,7 @@ class HaPanelHistory extends LitElement {
.startTime=${this._startDate}
.endTime=${this._endDate}
.narrow=${this.narrow}
sync-charts
>
</state-history-charts>
`}