Populacja piramida dla różnych regionów Highcharts

Question

Korzystanie Highcharts Chciałbym stworzyć piramidę ludności podobny do tego:

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

jednak, że porównanie różnych regionów. Więc zamiast jednego paska dla każdej grupy wiekowej, miałbym 3 paski, z których każdy reprezentuje inny region.

Co mam do tej pory, to to, ale nie jestem pewien, czy zmierzam we właściwym kierunku.

http://jsfiddle.net/YCxgr/

Jak widać, bary dla danej kategorii wiekowej i regionu nie są wyrównane ze sobą: co chcę jest mieć pręty dla regionu prawidłowo wyrównane dla obu płci, tak aby pojawiają się jako 3 bary (po jednym dla każdego regionu) zamiast 6. Jak mogę to osiągnąć?

Answer 1

jeden up dla Ciebie jsFiddle teraz odpowiadając na pytanie

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

Kiedy spojrzałem na przykładach dzisiaj, tylko oryginalny zwykły przykład piramida działa. Drugi nie pokazał niczego w okienku wyników.

Zauważyłem, że brakowało odnośników do biblioteki highcharts, a wersja jquery była w wersji 1.4.2.

Naprawiłem zarówno poprzez dodanie odniesienia:

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

i wybierając jquery wersji 1.7.2. Teraz wyświetlają piramidy (ponownie). Patrz:

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

Mam nadzieję, że to pomoże innym zainteresowanym w przykładach.