highcharts缩放线图无法正常工作

时间:2016-04-05 15:16:17

标签: javascript highcharts

看看以下小提琴: http://jsfiddle.net/fmarino/q9c31a1g/3/

    $(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: [...]
    });
});

然后尝试放大左侧的部分。对我来说(firefox)它只在缩放后显示l2大小。 难道我做错了什么? 在这样的图表上实现缩放的正确方法是什么?

谢谢

1 个答案:

答案 0 :(得分:2)

正如Halvor所说,我的数据没有排序。实际上它有一个相反的顺序,有一点缺失。

以升序模式对数据进行排序可以解决问题。

谢谢。