Fix network graph not rendering (#26396)

This commit is contained in:
Bram Kragten 2025-08-05 15:05:23 +02:00 committed by GitHub
parent 53497aa632
commit c363995718
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 3 deletions

View File

@ -168,14 +168,16 @@ export class HaChartBase extends LitElement {
}
protected firstUpdated() {
this._setupChart();
if (this.isConnected) {
this._setupChart();
}
}
public willUpdate(changedProps: PropertyValues): void {
if (!this.chart) {
return;
}
if (changedProps.has("_themes")) {
if (changedProps.has("_themes") && this.hasUpdated) {
this._setupChart();
return;
}
@ -802,6 +804,7 @@ export class HaChartBase extends LitElement {
};
}
}
const replaceMerge = options.series ? ["series"] : [];
this.chart.setOption(options, { replaceMerge });
}

View File

@ -105,12 +105,14 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
}
protected render() {
if (!GraphChart) {
if (!GraphChart || !this.data.nodes?.length) {
return nothing;
}
const isMobile = window.matchMedia(
"all and (max-width: 450px), all and (max-height: 500px)"
).matches;
return html`<ha-chart-base
.hass=${this.hass}
.data=${this._getSeries(
@ -243,6 +245,7 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
) {
const containerWidth = this.clientWidth;
const containerHeight = this.clientHeight;
const positionedNodes: NetworkNode[] = nodes.map((node) => ({ ...node }));
positionedNodes.forEach((node) => {
if (nodePositions[node.id]) {