Javascript Highcharts图表图例分页故障

使用Highcharts创建一些饼图，这些饼图呈现良好，但是图例不会在页面之间交换。它会更新页码（例如1/4->2/4->3/4），但图例的内容不会更改

我使用了来自的代码，并简单地将自己的数据传递给它；给出此代码：

var areaOptions = {
    chart: {
        renderTo: 'areaPie',
        defaultSeriesType: 'pie',
        width: 900,
        height: 600
    },
    title: {
        text: "Test Pie Chart."
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        y: 30,
        navigation: {
            activeColor: '#3E576F',
            animation: true,
            arrowSize: 12,
            inactiveColor: '#CCC',
            style: {
                fontWeight: 'bold',
                color: '#333',
                fontSize: '12px'    
            }
        }
    },
    exporting: {
        buttons: {
            printButton: {
                enabled: false
            }
        }
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                color: '#000000',
                connectorColor: '#000000',
                formatter: function () {
                    return Math.round(this.percentage) + '% (' + this.y + ')';
                }
            },
            showInLegend: true
                , point: {
                    events: {
                        legendItemClick: function () {
                            filterList(this);
                            this.select();
                            return false;
                        },
                        click: function () { filterList(this); }
                    }
                }
        },
        series: [{
            type: 'pie',
            name: 'Banana',
            data: []
        }]
    }
};
areaOptions.series = @Html.Raw(ViewBag.Area);
var areaChart = new Highcharts.Chart(areaOptions);
areaChart.render();

鉴于此：

但是，单击“向下”箭头后，图例保持完全相同-除了1/2更改为2/2

我在我的应用程序中使用了上面链接的示例代码，它工作得非常好；因此，我希望只需更新数据输入即可工作。然而，有些事情把它搞砸了，我找不到任何其他用户的问题或谷歌链接来帮助我

我做错了什么，使图例无法正常分页

Edit：是一个JSFIDLE，正好显示了我的意思。

areaChart.render（）不是官方API的一部分，导致图例分页出现问题。删除这部分代码将解决您的问题

修复了JSFIDLE中的代码：
您能在JSFIDLE中重新创建您的问题吗？你发布的那个工作正常，我无法重现这个问题。浏览器控制台（开发人员工具）中是否存在错误？另一方面，如果您有一个饼图，其切片太多，图例需要分页（考虑到即使构造良好的饼图也存在固有故障），您认为用户可以从这样的图表中获得什么价值？@jlbiggs这是我的经理的请求-我只是提供他要求的：）@KacperMadej我现在就这么做。@KacperMadej忘了说开发人员工具中没有错误。