Home forums Feature Requests & Feedback Multiple Graphs on Tabs

This topic contains 4 replies, has 3 voices, and was last updated by  Vishwas R 5 months, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11332

    mahi2000
    Member

    On same page, I’ve implemented multiple graphs by using Tabs i.e. Tab 1, Tab 2, Tab 3… and the graph width is defined 100% and height is defined 250px however, if user interacts with Tabs, the width of the graph increases and graph displays outside the parent div.

    Screenshot for reference
    https://dl.dropboxusercontent.com/u/735356/GraphIssue.jpg

    Please suggest how to handle this.

    • This topic was modified 5 months, 3 weeks ago by  mahi2000. Reason: Screenshot added
    #11337

    Sanjoy
    Moderator

    The problem may be related to the timing. Chart is rendered before the tab is displayed, therefore, the dimensions are not calculated properly. There will be some event when the tab is displayed, and after this event is triggered, the chart should be initialized.
    You can refer this example with bootstrap tabs.

    If the problem still persists, please create a jsfiddle. So that we can look into it.

    #11343

    mahi2000
    Member

    Sanjoy, thanks for the reply. My graphs are dynamic and still I am finding the issue and also one more issue I’ve identified i.e. in mobile devices, some instances, graph is blanked. Say portrait view graph are displayed and if user switched to landscape view, graph is blanked.

    #11347

    mahi2000
    Member

    Please let me know if there is any solution.

    #11351

    Vishwas R
    Keymaster

    For multiple dynamic charts in bootstrap tabs, please refer to this example on using the tab events.

    Also, we checked the charts with multiple mobile devices and it seems to be working fine. Can you kindly create a jsfiddle reproducing the issue, so that we can look into the issue and help you out. Along with it, please provide the following information: Mobile Device, OS and its version, Browser and version.

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

You must be logged in to reply to this topic.