A pyramid chart is triangular in shape and divided into sections, with each data point representing a section. Because of the triangular shape, these sections are not equal in width, and hence the width doesn't necessarily represent the value of each data point. They are useful to show data that needs to be shown in a particular hierarchy.
We will take the data from the previous example to plot a pyramid chart of the London 2012 Olympics budget breakdown:
$( '#chart_container' ).highcharts({
chart: {
type: 'pyramid',
marginLeft: -10
},
title: {
text: 'Budget of London 2012 Olympics'
},
series: [{
name: 'Budget',
data: [
['Venues', 4607],
['Olympic Village', 1919],
['CT operations', 1776],
['Other projects', 1421],
['Transport projects', 1392],
['Anticipated final costs', 1311],
['Legacy projects', 1298],
['Olympic parkland', 1204],
['Police', 943],
['Venue security', 869],
['Government bodies', 696],
['Contingency fund', 157],
['Ceremonies', 126]
]
}]
});The following screenshot shows the resultant pyramid chart:
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.