Pirámide de población de diferentes regiones de Highcharts

Question

Uso Highcharts, me gustaría crear una pirámide de población similar a éste:

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

pero eso sería comparar las diferentes regiones. Entonces, en lugar de una barra para cada género de edad &, tendré 3 barras, cada una representando una región diferente.

Lo que tengo hasta ahora es esto, pero no estoy seguro de si me dirigen en la dirección correcta.

http://jsfiddle.net/YCxgr/

Como se puede ver, las barras para una categoría determinada edad y la región no están alineados entre sí: lo que yo quiero es tener las barras para una región alineados correctamente para ambos sexos, de modo que aparecen como 3 barras (una para cada región) en lugar de 6. ¿Cómo puedo lograr esto?

Answer 1

uno para que jsFiddle ahora respondiendo a la pregunta

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

Cuando miré a los ejemplos de hoy, sólo el ejemplo pirámide plano original estaba funcionando. El otro no mostró nada en el panel de resultados.

Noté que Highcharts referencias de biblioteca faltaban y que la versión de jQuery estaba en 1.4.2.

me fijo tanto mediante la adición de las referencias:

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

y elegir la versión de jQuery 1.7.2. Ahora muestran las pirámides (nuevamente). Ver:

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

espero que esto ayude a otras personas interesadas en los ejemplos.