Hello, I would like to display several charts in several tabs but when I do it I lose animation and the sizing is not correct (for example the width doesn’t go 100% as it is set). Any suggestions?
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 tabs, 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. Please take a look at this jsfiddle.