# Enabling legend in TimeSeriesChart cause component doesn't render correctly

**URL:** <https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299>\
**Category:** Ignition Early Access\
**Created:** [March 22, 2020, 4:56pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299 "2020-03-22T16:56:29Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [March 22, 2020, 4:56pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/1 "2020-03-22T16:56:29Z")

</div>

Hi,  
When I set True the legend.visible property of the TimeSeriesChart, each time when I open parent view, the chart randomly doesn’t render correctly.  
I found out zoom in/out browser trigger it and it render OK after re zooming the browser.  
I test it in Chrome and ignition v8.0.6 to v8.0.10 and see same behaviour.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [March 24, 2020, 5:05pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/2 "2020-03-24T17:05:08Z")

</div>

@nader.chinichian, can you post a screenshot of the rendering issue that you are seeing?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [March 25, 2020, 4:42am UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/3 "2020-03-25T04:42:22Z")

</div>

Hi Joshua  
The issue is that chart completely doesn’t show up. When I zoom in and take closer look it seems that the whole chart object offset from bottom to up and get out of the box area. It like I set bottom padding to component and make it get out of the box area.

 ![timeserieschart](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/a57adb0b75ba104f72d326c2014875652b2277d6.gif)  
It is not seen in the gif but some times i can reproduce specially in different version from v8.0.6 to v8.0.10.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [March 25, 2020, 5:29pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/4 "2020-03-25T17:29:54Z")

</div>

Thanks for the screenshot and description. I will try to replicate the behavior.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [March 27, 2020, 3:57am UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/5 "2020-03-27T03:57:45Z")

</div>

Hi  
Did you mange to replicate the bug?

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [March 27, 2020, 6:24pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/6 "2020-03-27T18:24:55Z")

</div>

Not with any of my initial tests. I have a bug open so I can devote some time to replicating this.

Just to rule out any side effects… Do you have any scripts or other functionality that could be toggling the visibility/positioning of the chart?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [March 27, 2020, 9:41pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/7 "2020-03-27T21:41:41Z")

</div>

No, I just embedded my views in tab consider.  
I only see this bug when I visible legend.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 17, 2020, 7:56am UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/8 "2020-06-17T07:56:46Z")

</div>

Hi Joshua  
Still I have this problem in 8.0.12 .  
I find out this bug show itself in heavy loaded view.  
Just zoom in and out view trigger trend to show it again.  
Can you give some trick to fix it or report it as big to investigate.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [June 17, 2020, 4:51pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/9 "2020-06-17T16:51:00Z")

</div>

Hi Nader,

I’ve got the bug logged but haven’t worked it yet. The default legend used by the underlying chart library seems to be a bit buggy; I’ve got got another bug logged about initial rendering issues with it. Unfortunately, we didn’t see any of these display issues when we exposed the legend. It may be best to keep the legend hidden until I can get a fix out for this so your chart data is still visible. This is high on my todo list.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 18, 2020, 4:57am UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/10 "2020-06-18T04:57:12Z")

</div>

Thanks.  
If you create view with a lot of heavy objects you can defenately see this bug.  
By the way when we can use your new easy chart? 😆

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [June 18, 2020, 4:35pm UTC](https://forum.inductiveautomation.com/t/enabling-legend-in-timeserieschart-cause-component-doesnt-render-correctly/33299/11 "2020-06-18T16:35:23Z")

</div>

Sounds good; I can try to replicate in that way. The Easy Chart / Power Chart is moving along well! I’m nearing the end of development, and we’ll start testing soon. No release date yet.
