# UI chart not rendered properly

**URL:** <https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328>\
**Category:** Dashboard\
**Created:** [15 April 2022 11:46 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328 "2022-04-15T11:46:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Andrew4891](https://avatars.discourse-cdn.com/v4/letter/a/34f0e0/32.png) [@Andrew4891](https://discourse.nodered.org/u/Andrew4891)\
**Post date:** [15 April 2022 11:46 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328/1 "2022-04-15T11:46:09Z")

</div>

Dear all,  
I am getting crazy with a very probably tiny missing settings.  
I do have a flow in Nodered which does also uses an UI and some charts on it.  
Everything works perfectly except that the every time the UI is accessed from any browser, the charts does appear like in a tiny format.  
As soon as at least one new value is received on the charts (even for just one topic), the charts is shown perfectly.  
The same issue arose as soon as i change from one tab to the other (and eventually even getting back to a tab for which a new values was received and hence was properly working).  
You can clearly understand what I am talking about in the image attached.  
I tried to make some alternative ways to force a new values to be forced to be injected as soon as the UI is open or a tab is changed, but that's an head-ache.  
Do you know the reason why this is happening?  
Regards  
Andrew  
 ![File](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e5269dc31c1adf8b1f7d2e3816d7c863af17f3ea.jpeg)

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [15 April 2022 22:44 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328/2 "2022-04-15T22:44:43Z")

</div>

I have seen that issue with Firefox, is that the browser you are using ? If so try Chrome.

---

<div class="post-metadata">

**Author:** ![Andrew4891](https://avatars.discourse-cdn.com/v4/letter/a/34f0e0/32.png) [@Andrew4891](https://discourse.nodered.org/u/Andrew4891)\
**Post date:** [17 April 2022 15:46 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328/3 "2022-04-17T15:46:56Z")

</div>

Hi smchann99,  
I faced the trouble in Chrome actually, and Edge as Well.  
Any other idea hiw to solve It?  
Andrea

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [17 April 2022 23:43 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328/4 "2022-04-17T23:43:16Z")

</div>

I thought this was limited to firefox, but it seems not @dceejay any ideas ?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [18 April 2022 06:39 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328/5 "2022-04-18T06:39:16Z")

</div>

I think this has been seen before. At that time it only affected the last chart on the page. But it was not possible to replicate in a repeatable manner. It must be a subtle rendering/timing bug.

---

<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:** [18 May 2022 06:39 UTC](https://discourse.nodered.org/t/ui-chart-not-rendered-properly/61328/6 "2022-05-18T06:39:45Z")

</div>

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