Highcharts.js在光滑的滑块内不起作用

Question

首先工作

然后坏了

我在光滑的圆角内使用高图表。它仅适用于第一个实例，它隐藏了聊天，然后再次显示在第三个实例中。

            Highcharts.chart('pie7', {
                series: [{
                        data: [{
                                name: 'Chrome',
                                y: 61.41,
                                sliced: true,
                                selected: true
                            }, {
                                name: 'Internet Explorer',
                                y: 11.84
                            }, {
                                name: 'Other',
                                y: 7.05
                            }]
                    }]
            });


                           $('.chartslick').slick({
                   dots: false,
                   slidesToShow: 6,
                   slidesToScroll: 1,
                   autoplay: true,
                   autoplaySpeed: 2000,
               });

例

https://jsfiddle.net/v6s0nbhu/4/

Answer 1

问题infinite:true 。 将其更改为false并检查。

          $('.chartslick').slick({
               dots: false,
               slidesToShow: 6,
               slidesToScroll: 1,
               autoplay: true,
               autoplaySpeed: 2000,
               infinite: false
           });

您已添加图表的ID。 无限复制所有不带id的滑块。 因此hightchart无法在第二步中初始化。

您需要使用无限假或将饼图id更改为class

将HighCharts呈现给类而不是id？