HighCharts列重疊

Question

如何讓HighCharts不重疊此圖表中的列？我嘗試了各種各樣的選擇。我想要的是highcharts根據系列中的數字數據元素均勻地設置寬度，越窄越好。「

我已指定寬度：300強制列重疊只是爲了顯示窄圖中發生的事情，只添加一些數據元素。

$(function() { 
    Highcharts.chart('container', { 
    chart: { 
     type: 'column', 
     width: 300, 
     zoomType: 'x' 
    }, 
    legend: { 
     enabled: false 
    }, 
    series: [{ 
     data: [ 
     [102.0, 66815.0], 
     [96.0, 77760.0], 
     [90.0, 68710.0], 
     [84.0, 69452.5], 
     [78.0, 48807.5], 
     [72.0, 35472.5], 
     [66.0, 24595.0], 
     [60.0, 17790.0], 
     [54.0, 18010.0], 
     [48.0, 5635.0] 
     ] 
    }] 
    }); 
}); 

http://jsfiddle.net/a0kjogh1/3/

Answer 1

你把它放到圖表之前的數據應該進行排序。您在控制檯中收到error。

data.sort((a, b) => { 
    return a[0] > b[0]; 
    }); 

例如：http://jsfiddle.net/a0kjogh1/4/