不要在highcharts基线上使用动画

我在一个网站上遇到了这样的问题，我有3个图表。 这是一个只有一页的网站，所以当我向下滚动到他的时候，我的图表就变成了动画。 但有一张图表没有动画，我也不知道为什么

这是这个图表的来源

$('#container').highcharts({
chart: {
    type: 'line'
},
title: {
    text: 'Monthly Average Temperature'
},
subtitle: {
    text: 'Source: WorldClimate.com'
},
xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
    title: {
        text: 'Temperature (°C)'
    }
},
plotOptions: {
    line: {
        dataLabels: {
            enabled: true
        },
        enableMouseTracking: false
    },
    series: {
        animation: {
            duration: 2000
        }
    }
},
series: [{
    name: 'Tokyo',
    data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
    name: 'London',
    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]

}))

有人知道为什么它可能不起作用吗？

指向您网站的链接似乎已断开

图表

本身看起来并设置动画正常-

从你的网站上，我看到你正在使用插件来延迟初始系列动画，直到元素出现（）

它看起来有缺陷-它将阻止某些类型的动画系列，如直线、样条曲线（可能还有更多），除非该系列从一开始就可见-证明：

您可以使用另一种方法延迟系列动画-

例如：