Is it possible to add Owlcarousel to Highcharts?

Question

I have a slider made by OwlCarousel I want you to run pizza graphics rendered by HighCharts. I mean, I have 4 pie charts With subtitles, and I want you to play 4 pies, also without the legend only in Mobile.

fiddle: http://jsfiddle.net/pedropcruz/0hv2cjjz/23/

Answer 1

Yes, it’s possible, you’re already working with div's, just put them all inside one another div and add the class that create that effect....

USING THE FLICKITY

<div class="main-gallery">
    <div id="DonuTchartIBV-MMS-1" class="donut gallery-cell"></div>
    ...
    <div id="" class="gallery-cell"></div>
</div>

And of course, load the required libraries and add the following line into your file .js:

$('.main-gallery').flickity({
  cellAlign: 'left',
  contain: true
});

jsFiddle from the example using flickity

USING THE OWLCAROUSEL

<div id="owl-example" class="owl-carousel">
    <div id="DonuTchartIBV-MMS-1" class="donut"></div>
    ...
    <div></div>
</div>

Load the libraries: Theme.css, Carousel.css, Carousel.js necessary and add the following line to your file .js:

$(document).ready(function() {
  $("#owl-example").owlCarousel();
});

jsFiddle from the example using Owlcarousel