人口金字塔在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

我希望這可以幫助其他有興趣的例子。