Dân số kim tự tháp cho các khu vực khác nhau trong Highcharts

Question

Sử dụng Highcharts, tôi muốn tạo ra một kim tự tháp dân số tương tự như thế này:

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

nhưng điều đó sẽ so sánh các khu vực khác nhau. Vì vậy, thay vì một thanh cho mọi nhóm tuổi & giới tính, tôi sẽ có 3 thanh, mỗi thanh đại diện cho một vùng khác nhau.

Điều tôi có cho đến thời điểm này, nhưng tôi không chắc liệu mình có đi đúng hướng hay không.

http://jsfiddle.net/YCxgr/

Như bạn có thể thấy, các quán bar cho một thể loại độ tuổi nhất định và khu vực không phù hợp với nhau: những gì tôi muốn là để có các thanh cho một khu vực liên kết một cách chính xác cho cả hai giới, để họ xuất hiện dưới dạng 3 thanh (một cho mỗi vùng) thay vì 6. Làm thế nào tôi có thể đạt được điều này?

Answer 1

lên cho bạn jsFiddle nay việc trả lời câu hỏi của bạn

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

Khi tôi nhìn vào ví dụ ngày hôm nay, chỉ đơn giản ban đầu ví dụ kim tự tháp được làm việc. Người khác không hiển thị bất cứ điều gì trong ngăn kết quả.

Tôi nhận thấy rằng tham chiếu thư viện highcharts bị thiếu và phiên bản jquery đã ở trên 1.4.2.

Tôi cố định cả bằng cách thêm các tài liệu tham khảo:

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

và chọn jquery phiên bản 1.7.2. Bây giờ họ hiển thị các kim tự tháp (một lần nữa). Xem:

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

Tôi hy vọng điều này sẽ giúp những người khác quan tâm đến các ví dụ.