Bevölkerungspyramide für verschiedene Regionen in Highcharts

Question

Highcharts verwenden, würde Ich mag eine Bevölkerungspyramide ähnlich wie diese erstellen:

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-negative-stack/

aber das würde den verschiedenen Regionen vergleichen. Also statt einer Bar für jede Altersgruppe hätte ich 3 Bars, die jeweils eine andere Region repräsentieren.

Was ich bisher habe ist das, aber ich bin mir nicht sicher, ob ich in die richtige Richtung gehe.

http://jsfiddle.net/YCxgr/

Wie Sie sehen können, werden die Stäbe für eine bestimmte Altersgruppe und Region nicht miteinander ausgerichtet sind: was ich will, ist die Stäbe für eine Region richtig für beide Geschlechter ausgerichtet haben, so dass sie erscheinen als 3 Balken (einer für jede Region) anstelle von 6. Wie kann ich dies erreichen?

Answer 1

Sie ein für Sie jsFiddle jetzt die Beantwortung Ihrer Frage

series: [{ 
    name: 'Region 1', 
    zIndex: 1000, 
    data: [[0, -3 ],[0,3],[1, -5] ,[1,5],[2, -4],[2,4],[3, -3],[3,3]] 
},{ 
    name: 'Region 2', 
    data: [[0, -4] ,[0,4],[1, -2],[1,2],[2, -6],[2,6],[3, -4],[3,4]] 
},{ 
    name: 'Region 3', 
    data: [[0, -3],[0,3],[1, -5],[1,5],[2, -4],[2,4],[3, -3],[3,3]] 
}] 

WORKING jsFiddle

Answer 2

Als ich an den Beispielen heute sah, nur die ursprüngliche Ebene Pyramide Beispiel arbeitete. Die andere zeigte nichts im Ergebnisfenster.

Ich bemerkte, dass highcharts Bibliothek Referenzen fehlten und dass jquery Version war auf 1.4.2.

Ich reparierte sowohl durch die Referenzen Zugabe:

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

und jquery Version 1.7.2 entschieden haben. Jetzt zeigen sie (wieder) die Pyramiden an. See:

1. Multi-column pyramid attempt by original poster
2. Fixed multi-column pyramid in answer

Ich hoffe, diese anderen Interessierten in den Beispielen hilft.