# Ui\_template chart breaks ui\_chart rendering

**URL:** <https://discourse.nodered.org/t/ui-template-chart-breaks-ui-chart-rendering/99466>\
**Category:** Dashboard\
**Created:** [21 October 2025 08:28 UTC](https://discourse.nodered.org/t/ui-template-chart-breaks-ui-chart-rendering/99466 "2025-10-21T08:28:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sido1](https://avatars.discourse-cdn.com/v4/letter/s/ee7513/32.png) [@Sido1](https://discourse.nodered.org/u/Sido1)\
**Post date:** [21 October 2025 08:28 UTC](https://discourse.nodered.org/t/ui-template-chart-breaks-ui-chart-rendering/99466/1 "2025-10-21T08:28:18Z")

</div>

Hi all,

I have multiple charts in my Node-RED dashboard using ui\_chart and ui\_template nodes that work fine. Recently, I added another custom stacked line chart with Chart.js inside a ui\_template node.

The issue: after adding this custom chart, when switching tabs, the other ui\_chart charts show empty until I reload the page. The other ui\_template charts always show correctly.

Has anyone faced this? Any tips on managing Chart.js lifecycle inside ui\_template to avoid breaking other dashboard charts?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [20 November 2025 08:28 UTC](https://discourse.nodered.org/t/ui-template-chart-breaks-ui-chart-rendering/99466/2 "2025-11-20T08:28:47Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.