HighCharts Column Overlapping

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/