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。现在他们再次展示金字塔。参见：

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

我希望这有助于其他对这些例子感兴趣的人。

Highcharts中不同地区的人口金字塔

2 个答案: