HighCharts: Spalten nicht als Multi-Serie

Question

Bei zentriert I Reihe von einzelnen Elements haben - die Säulen sind ok zentriert

series: [{ 
    data:[[1497870000000,207.207],[1497873600000,97.766],[1497877200000,320.879],[1497880800000,101.188],[1497884400000,122.674],[1497888000000,75.415]]], 
    name:'ST100', 
    color:'#FFFF00' 
}] 

Wenn 2 oder mehr Elemente, die Säulen sind dünner und nicht richtig

series: [{ 
    data:[[1497870000000,207.207],[1497873600000,97.766],[1497877200000,320.879],[1497880800000,101.188],[1497884400000,122.674]], 
    name:'ST100', 
    color:'#FFFF00' 
}, 
{ 
    data:[[1497888000000,75.415]], 
    name:'ST200', 
    color:'#FFFF00' 
} 
] 

zentriert

Ich brauche mehrere Elemente für die Serie, um separate Farben usw. zu definieren. Wie zentriert man die Spalten und fixiert die Breite?

Bitte beachten Sie die Demo: https://jsfiddle.net/ihtus/pqxhqg37/

Answer 1

Wenn Sie mehrere Serien in einer Bar oder einem Säulendiagramm verwenden Standardmäßig setzt Highcharts grouping auf true.

Dies schafft Platz für jede Kategorie für alle Serien.

Unter der Annahme, dass Sie das tun nicht irgendwelche Daten gruppiert werden sollen (das heißt Plot zwei Punkte nebeneinander auf dem gleichen x Wert), ist die einfachste Lösung grouping-false im plotOptions einzustellen.

Aktualisiert Geige:

• https://jsfiddle.net/jlbriggs/pqxhqg37/18/

Ausgang:

Answer 2

Die Lösung einer Reihe zu verwenden wäre, und geben Sie Farbe in Daten

series: [{ 
    data:[ 
     {x:1497870000000,y:207.207,color:'#FFFF00'}, 
     {x:1497873600000,y:97.766,color:'#00FF00'}, 
     [1497877200000,320.879], 
     [1497880800000,101.188], 
     {x:1497884400000,y:122.674,color:'#0000FF'} 
    ], 
    name:'ST100' 

}] 

https://jsfiddle.net/ihtus/s6v0z4xk/