Column pyramid chart
Highcharts.chart('container', { chart: { type: 'columnpyramid' }, title: { text: 'The 5 highest pyramids in the World' }, colors: ['#C79D6D', '#B5927B', '#CE9B84', '#B7A58C', '#C7A58C'], xAxis: { crosshair: true, labels: { style: { fontSize: '14px' } }, type: 'category' }, yAxis: { min: 0, title: { text: 'Height (m)' } }, tooltip: { valueSuffix: ' m' }, series: [{ name: 'Height', colorByPoint: true, data: [ ['Pyramid of Khufu', 138.8], ['Pyramid of Khafre', 136.4], ['Red Pyramid', 104], ['Bent Pyramid', 101.1], ['Pyramid of the Sun', 75] ], showInLegend: false }] });
CoreMore chart types
Install with NPM
The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages.
npm install highcharts --save
See more installation optionsDownload our library
The zip archive contains Javascript files and examples. Unzip the zip package and open index.html in your browser to see the examples.
DownloadBuy a license
You can download and try out all Highcharts products for free. Once your project/product is ready for launch, purchase a commercial license.
See License Pricing