Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Render Chart on Tabs (Bootstrap) #47

Closed
jocarullo opened this issue Jun 19, 2017 · 4 comments
Closed

Render Chart on Tabs (Bootstrap) #47

jocarullo opened this issue Jun 19, 2017 · 4 comments
Labels

Comments

@jocarullo
Copy link

jocarullo commented Jun 19, 2017

When I try to render multiple charts on tabs in bootstrap using your package it only displays one chart (on the starting active tab) but does not display on other tabs. Thanks.
ul class="nav nav-tabs">
li class="active">a data-toggle="tab" href="#home">Home
li>a data-toggle="tab" href="#menu1">Menu 1
li>a data-toggle="tab" href="#menu2">Menu 2
/ul>
div class="tab-content">
div id="home" class="body tab-pane fade in active" style="width: 95%;">
{!! $chartjs->render() !!}
{{--

--}}
/div>
div id="menu1" class="body tab-pane fade" style="width: 95%;">
{!! $chartjs->render() !!}
{{--
--}}
/div>
/div>

@fxcosta fxcosta assigned fxcosta and unassigned fxcosta Jul 8, 2017
@fxcosta
Copy link
Owner

fxcosta commented Jul 19, 2017

@jocarullo I reproduced the problem but suspected it would not work because the charts are built using the element id, where we set using the name() and element() builder method.

Basically if you have two charts to display, each one in a tab, they must be different, so they are of a different instance. If I understand your problem better maybe I can help you building a solution.

Thanks and sorry for delay.

@fxcosta fxcosta closed this as completed Aug 13, 2017
@MGS-sails
Copy link

Any progress with this bug? I have thesame problem. If not, could you suggest a workaround?

@tmdevde
Copy link

tmdevde commented Jul 10, 2019

me too...

1 similar comment
@rexlManu
Copy link

me too...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

5 participants