Wie wird die Spaltenbreite mit mehreren Reihen in Highcharts beibehalten?

Question

Ich versuche, mit highcharts.js ein Diagramm mit einer Spaltenserie und einer Zeilenserie zu erstellen. Ich verwende pointPadding und groupPadding, um die Spaltenbreite zu steuern, pro documentation. Wenn ich jedoch die Zeilenserie einschließe, schrumpfen die Spalten in der Breite. Ich denke, das liegt daran, dass es in der Linienserie mehr Punkte gibt als in der Säulenreihe. Gibt es eine Möglichkeit, die Spaltenbreiten bei mehreren Serien/Serien mit unterschiedlichen Längen zu halten?

Highcharts.chart('container', { 
    title: {text: 'Histogram'}, 
    xAxis: {gridLineWidth: 1}, 
    series: [{ 
     pointPadding: 0, 
     groupPadding: 0, 
     type: 'column', 
     name: 'Density', 
     data: [] 
    }, { 
     type: 'line', 
     name: 'Normal Curve', 
     data: [] 
    }] 
}); 

ist hier ein jsfiddle mit einem Beispiel: http://jsfiddle.net/dgb751hp/

Answer 1

Ja, Sie haben Recht. Durch das Hinzufügen von Linienreihen werden mit mehr Punkten zwischen den Spalten die Spalten schmaler. Um dies zu beheben, fügen Sie einfach einen weiteren xAxis hinzu, verknüpfen Sie ihn mit dem ersten und verknüpfen Sie die zweite Serie mit der zweiten xAxis. Schauen Sie sich das Beispiel unten an.

API-Referenz:
http://api.highcharts.com/highcharts/series.xAxis
http://api.highcharts.com/highcharts/xAxis.linkedTo

Beispiel:
http://jsfiddle.net/9ss538r7/