3D column with null and 0 values
Highcharts.chart('container', { chart: { type: 'column', options3d: { enabled: true, alpha: 10, beta: 25, depth: 70 } }, title: { text: 'External trade in goods by country, Norway 2023' }, subtitle: { text: 'Source: ' + '<a href="https://www.ssb.no/en/statbank/table/08804/"' + 'target="_blank">SSB</a>' }, plotOptions: { column: { depth: 25 } }, xAxis: { type: 'category', labels: { skew3d: true, style: { fontSize: '16px' } } }, yAxis: { title: { text: 'NOK (million)', margin: 20 } }, tooltip: { valueSuffix: ' MNOK' }, series: [{ name: 'Total imports', data: [ ['Belgium', 21956], ['China', 114358], ['Denmark', 47726], ['Falkland Islands', 0], ['Germany', 116128], ['Netherlands', 48957], ['Russia', 3046], ['Sweden', 110695], ['Turkey', 10399], ['United States', 76285], ['Unspecified', null], ['Vietnam', 10014] ] }] });
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