人口金字塔在Highcharts

Question

使用Highcharts不同的区域，我想创建一个类似于这一个人口金字塔：

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

但会比较不同的区域。因此，我不会为每个年龄段的性别设置一个酒吧，我会有3个酒吧，每个酒吧代表不同的地区。

我到目前为止是这样，但我不确定我是否朝着正确的方向前进。

http://jsfiddle.net/YCxgr/

正如你所看到的，对于特定的年龄类别和地区的酒吧不相互对齐：我需要的是对两种性别正确对齐区域的酒吧，让他们显示为3条（每个区域一个）而不是6条。我如何实现这一目标？

Answer 1

一起来为你的jsfiddle 现在回答你的问题

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

当我今天看了一下例子，只是原本平淡的金字塔例如在工作。另一个没有在结果窗格中显示任何内容。

我注意到highcharts库引用丢失，jQuery版本在1.4.2上。

我通过添加引用固定两个：

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

和选择的jQuery 1.7.2版本。现在他们再次显示金字塔。 见：

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

我希望这可以帮助其他有兴趣的例子。