Charts not visible in other tabs!

[Den4ik1992]

Charts are not rendered, only the chart that is at the active tab is displayed, if I switch to the other tabs the charts remain invisible. I can make them visible if I change the data provider e.g. select another date.

Can I fix this error somehow ?

Thanks in advance ;)

[poirazis]

Hey @Den4ik1992
Can you show me the component hierarchy of this ? A screenshot of the component tree on the left.

[Den4ik1992]

[Den4ik1992]

Have you perhaps already found a solution,
is there any way I can fix the error myself maby a litte embed JavaScript code to reload the charts, or do you have any ideas ?

[poirazis]

Hey @Den4ik1992
i haven't found a solution to this, as this seems a limitation of the chart component.
You have the "On Tab Change" event, have you tried triggering something there that would cause a refresh ?
Maybe refreshing the DP on Tab Change ? or changing a State App variable that the chart is bound to ? ( maybe a dummy variable to force a refresh ? )

[Den4ik1992]

Forcing or triggering a refresh works for me, then the chart graphic is re-rendered and it becomes visible. Thanks for your tip !

I have another improvement suggestion that would be nice!
I have very many tabs with supertabs on one page and all 10 tabs are loaded/rendered at the same time when loading the page first time.

Would it be possible that when opening the page only the main tab (initial tab index) is rendered and the others only when the tab is activated.

If all tabs are loaded at the same time it can take up to 1 min until everything is loaded from the database.

It would be really cool if this could be implemented somehow.

[JCV67]

Hello @poirazis
Something similar is happening to me while using Fullcalendar under Supertabs. The first tab works but the others don't. I found out that when I zoom in, the tab content shows up. Looks like the content of the tabs collapses onto a single line.