I have slider made by OwlCarousel I want them to pass pie charts rendered by HighCharts . That is, I have 4 pie charts With subtitles, and I want that when passing the 4 pies , also without the legend in Mobile.
fiddle: link
Yes, it is possible, you are already working with div's , just put them all inside another div and add class that create this effect ....
<div class="main-gallery">
<div id="DonuTchartIBV-MMS-1" class="donut gallery-cell"></div>
...
<div id="" class="gallery-cell"></div>
</div>
Of course, load the required libraries and add the following line in your .js :
$('.main-gallery').flickity({
cellAlign: 'left',
contain: true
});
Example jsFiddle using flickity
<div id="owl-example" class="owl-carousel">
<div id="DonuTchartIBV-MMS-1" class="donut"></div>
...
<div></div>
</div>
Upload the libraries: Theme.css , carousel.css , carousel.js and add the following line in your .js :
$(document).ready(function() {
$("#owl-example").owlCarousel();
});