Home forums Using CanvasJS Chart rendering problem inside bootstrap modal having multiple nav-tabs Reply To: Chart rendering problem inside bootstrap modal having multiple nav-tabs

#22437

Priyanka M S
Member

@ayush.sa01,

CanvasJS Chart automatically sets the height and width of the chart according to the container’s dimension. If the values are not set for the container, it takes the default values.

In bootstrap, since the second tab is not displayed initially, chart takes the default values. To solve this issue, the second chart is rendered when the shown.bs.tab event is fired by bootstrap. Please take a look at this jsfiddle.

If this doesn’t solve your issue, please share a jsfiddle reproducing the issue you are facing.

__
Priyanka M S
Team CanvasJS