score:5

Accepted answer

one up for you jsFiddle now answering your question 

   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

score:1

When I looked at the examples today, only the original plain pyramid example was working. The other didn't show anything in the result pane.

I noticed that highcharts library references were missing and that jquery version was on 1.4.2.

I fixed both by adding the references:

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

and choosing jquery version 1.7.2. Now they display the pyramids (again). See:

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

I hope this helps others interested in the examples.


Related Query

More Query from same tag