Charts not loading on tabs

[eudson]

Hi All,

I've migrate my charts from chartjs to react-ploty, I have a use case on our system which is showing charts in tabs. It was working perfectly before but now the data is not been displayed properly or not been displayed at all, check image below.

I tried to implement it outside our system and seems to starting working but still with few issues. Check it here: https://codepen.io/eudson/pen/QoYrrW?editors=1111

Your help will be highly appreciated.

[nicolaskruchten]

How are you intending to set the height of the plot? Are you wanting to set it inside the figure JSON or do you want it to be responsive?

[eudson]

@nicolaskruchten thanks for your reply... Your first question helped me.

I set height of the plot to a fixed value (i.e: 400px) and it fixed the problem.... I had previously style={{ width: "100%", height: "100%" }} on the <Plot/> and changed to style={{ width: "100%", height: "400px" }}.

But I have a question why it works in other parts of the app? And maybe yes I want it to be responsive rather than using fixed values (that's why I had 100%).

Please advise

[jrinvictus]

did you ever solve this, I'm running into the same issue.