javascript - JQuery Swiper Plugin content disappears when in loop -
i using swiper jquery plugin highcharts chart content. reason found when in loop mode, when slide, chart, reached, after circle has been completed not render/show.
a similar problem found ( images - image disappears in carousel mode (jquery swiper plugin)) think fix not apply.
i created example on jsfiddle based on swiper demo. http://jsfiddle.net/gondias/gja1j2jh/
when reach slide 1 slide 4 not show unless drag little.
var appendnumber = 4; var prependnumber = 1; var swiper = new swiper('.swiper-container', { slidesperview: 1, paginationclickable: false, spacebetween: 0, loop: true }); $(function () { $(document).ready(function () { // build chart $('#container').highcharts({ chart: { plotbackgroundcolor: null, plotborderwidth: null, plotshadow: false, type: 'pie' }, title: { text: 'browser market shares january, 2015 may, 2015' }, tooltip: { pointformat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotoptions: { pie: { allowpointselect: true, cursor: 'pointer', datalabels: { enabled: false }, showinlegend: true } }, series: [{ name: "brands", colorbypoint: true, data: [{ name: "microsoft internet explorer", y: 56.33 }, { name: "chrome", y: 24.03, sliced: true, selected: true }, { name: "firefox", y: 10.38 }, { name: "safari", y: 4.77 }, { name: "opera", y: 0.91 }, { name: "proprietary or undetectable", y: 0.2 }] }] }); }); });
thanks in advance.
Comments
Post a Comment