循环

Question

我正在使用带有Highcharts图表内容的Swiper Jquery插件。 出于某种原因，我发现在循环模式下，当达到带有图表的幻灯片时，圆圈完成后它不会渲染/显示。

发现了一个类似的问题（图片 - Image disappears in carousel mode (jQuery Swiper plugin)），但我认为它的修复不适用。

我基于swiper演示在jsfiddle上创建了一个示例。 http://jsfiddle.net/gondias/gja1j2jh/

当您从幻灯片4到达幻灯片1时，除非我拖动一点，否则不会显示任何内容。

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 the chart
    $('#container').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
        },
        title: {
            text: 'Browser market shares January, 2015 to 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
            }]
        }]
    });
});
});

感谢您的帮助。