Javascript highcharts在折线图上缩放时工作不正常

看下面的小提琴：

$（函数（）{
$（“#容器”）。高图({
图表：{
zoomType:'x'
},
学分：{
已启用：false
}，标题：{
文本：“每轨道的产量”
},
xAxis：{
十字准星：没错，
标题：{
文字：“轨道”
}        },
亚克斯：{
分:0,，
标题：{
文本：“卷”
}
},
图例：{
对齐：“右”，
x:-30，
垂直排列：“顶部”，
y:25，
浮动：是的，
背景颜色：（Highcharts.theme&&Highcharts.theme.background2）| |“白色”，
边框颜色：“#CCC”，
边框宽度：1，
阴影：false}，工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
“{point.y}”，
页脚格式：“”，
分享：是的，
useHTML:true
},
打印选项：{
酒吧：{
数据标签：{
已启用：true
}
},
专栏：{
数据标签：{
已启用：true
},                
点填充：0.2，
边框宽度：0
}
},
出口：{
震源宽度：1400，
资料来源高度：400，
//比例：2（默认值）
图表选项：{
字幕：空
}
}，系列：[{
名称：'总大小'，
数据：[……]
});
});

然后试着放大左边的部分。对我（firefox）来说，它只在放大后显示l2大小。 我做错什么了吗？ 在这种图表上实现缩放的正确方法是什么

---

谢谢

正如Halvor建议的那样，我的数据没有排序。实际上它的顺序是相反的，缺少一个点

以升序模式排序数据修复了该问题

---

谢谢。

正如Halvor所建议的，我的数据没有排序。实际上它的顺序相反，缺少一个点

以升序模式排序数据修复了该问题

---

谢谢。

您的数据未排序。请检查控制台是否有错误消息…或使用不需要排序的系列类型，如分散：但是，我认为更好的解决方案是按照Halvor建议对数据进行排序。您的数据未排序。请检查控制台是否有错误消息…或使用不需要排序的系列类型，如分散：然而，IMO更好的解决方案是按照Halvor的建议对您的数据进行排序。

    $(function () {
    $('#container').highcharts({
      chart: {
            zoomType: 'x'        
      },
      credits: {
            enabled: false
        },        title: {
            text: 'Production per orbit'
        },
        xAxis: {
            crosshair: true,            
            title: {
                text: 'Orbits'
            }        },
        yAxis: {
            min: 0,
            title: {
                text: 'Volume'
            }
        },
        legend: {
            align: 'right',
            x: -30,
            verticalAlign: 'top',
            y: 25,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false        },        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            },
            column: {
               dataLabels: {
                    enabled: true

                },                
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
       exporting: {
            sourceWidth: 1400,
            sourceHeight: 400,
            // scale: 2 (default)
            chartOptions: {
                subtitle: null
            }
        },        series: [ {
        name: 'Total Size',  
        data: [...]
    });
});