Question

我在使用Google Chrome浏览器时以及当我有超过10个项目时，传奇中的项目顺序存在问题。在所有其他浏览器中，项目以适当的顺序显示，但在Chrome中显示 - 不是。

版本：Highcharts JS v2.1.6（2011-07-08） Chrome版本：19.0.1084.56和20.0.1132.47

图表如下所示：

enter image description here

请参阅以下代码：

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="highcharts.js"></script>
</head>
<body>
<script type="text/javascript">
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'chart',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            plotOptions: {
                pie: {
                    size: '80%',
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false,
                        color: '#000000',
                        connectorColor: '#000000',
                        distance: 10                
                    },
                showInLegend: true
                }
            },
            legend: {
                itemWidth: 100
            },
            series: [{
                type: 'pie',
                data: [
                            ['label1', 10],        
                            ['label2', 20],
                            ['label3', 30],
                            ['label4', 40],
                            ['label5', 155.89],
                            ['label6', 50],
                            ['label7', 60],
                            ['label8', 70],
                            ['label9', 80],
                            ['label10', 90],
                            ['label11', 65.70],
                            ['label12', 100],
                    ]
                }]
            });
        });

</script>
<div id="chart" style="width: 460px; height: 290px; margin: 0 auto">

    </div>

</body>
</html>

Answer 1

解决方案：将highcharts库更新为2.2.5。

图例中的项目顺序错误（Google Chrome问题）

1 个答案: