FORUMS

Select any forum below to ask question

Home › Forums › Chart Support › Canvas JS chart not displayed properly in Bootstrap tabs

Canvas JS chart not displayed properly in Bootstrap tabs

Viewing 2 posts - 1 through 2 (of 2 total)
  • January 26, 2016 at 9:33 am #9829

    rajrs

    I’m using bootstrap tab to show monthly and weekly charts. Chart load properly in first tab when I select second tab chart don’t fit into col-md-3. How to fix this error?
    http://codepen.io/rajumax/pen/LGQoRN

    I’m using bootstrap tab to show monthly and weekly charts. Chart load properly in first tab when I select second tab chart don’t fit into col-md-3. How to fix this error?
    http://codepen.io/rajumax/pen/LGQoRN

    January 27, 2016 at 4:45 pm #9830

    Vishwas R

    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.
    chart within bootstrap tab

    —
    Vishwas R
    Team CanvasJS

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.