Home forums Using CanvasJS Canvas JS chart not displayed properly in Bootstrap tabs Reply To: Canvas JS chart not displayed properly in Bootstrap tabs

#9830

Vishwas R
Keymaster

Rajrs,

CanvasJS Chart automatically sets the height and width of the chart according to container’s dimensions. 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, second chart is rendered when the shown.bs.tab event is fired by bootstrap.

Here is the working code for the same.