3D column with stacking and grouping
// Data retrieved from https://yearbook.enerdata.net/electricity/world-electricity-production-statistics.html Highcharts.chart('container', { chart: { type: 'column', options3d: { enabled: true, alpha: 15, beta: 15, viewDistance: 25, depth: 40 } }, title: { text: ' Electricity production in countries, grouped by continent' }, xAxis: { labels: { skew3d: true, style: { fontSize: '16px' } } }, yAxis: { allowDecimals: false, min: 0, title: { text: 'TWh', skew3d: true, style: { fontSize: '16px' } } }, tooltip: { headerFormat: '<b>{point.key}</b><br>', pointFormat: '<span style="color:{series.color}">\u25CF</span> ' + '{series.name}: {point.y} / {point.stackTotal}' }, plotOptions: { series: { pointStart: 2018 }, column: { stacking: 'normal', depth: 40 } }, series: [{ name: 'South Korea', data: [590, 582, 571, 606, 625], stack: 'Asia' }, { name: 'Germany', data: [643, 612, 572, 588, 578], stack: 'Europe' }, { name: 'Saudi Arabia', data: [378, 367, 363, 408, 433], stack: 'Asia' }, { name: 'France', data: [582, 571, 533, 555, 473], stack: 'Europe' }] });
Core3D charts
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