HighCharts Column Overlapping

Question

Wie bekomme ich HighCharts, um Spalten in diesem Diagramm nicht zu überlappen? Ich habe alle möglichen Optionen ausprobiert. Was ich möchte ist, dass Highcharts die Breiten gleichmäßig abhängig von der Anzahl der Datenelemente in der Serie einstellen, je enger desto schmaler. "

Ich habe die Breite: 300 angegeben, um die Überlappung der Spalten zu erzwingen, nur um zu zeigen, was in einem schmalen Diagramm passiert, und fügen nur ein paar Datenelemente hinzu.

$(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

Daten sortiert werden sollen, bevor Sie sie in das Diagramm setzen. Sie erhalten die error in der Konsole.

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

Beispiel: http://jsfiddle.net/a0kjogh1/4/