3D funnel
// Set up the chart Highcharts.chart('container', { chart: { type: 'funnel3d', options3d: { enabled: true, alpha: 10, depth: 50, viewDistance: 50 } }, title: { text: 'Highcharts Funnel3D Chart' }, accessibility: { screenReaderSection: { beforeChartFormat: '<{headingTagName}>' + '{chartTitle}</{headingTagName}><div>{typeDescription}</div>' + '<div>{chartSubtitle}</div><div>{chartLongdesc}</div>' } }, plotOptions: { series: { dataLabels: { enabled: true, format: '<b>{point.name}</b> ({point.y:,.0f})', allowOverlap: true, y: 10 }, neckWidth: '30%', neckHeight: '25%', width: '80%', height: '80%' } }, series: [{ name: 'Unique users', data: [ ['Website visits', 15654], ['Downloads', 4064], ['Requested price list', 1987], ['Invoice sent', 976], ['Finalized', 846] ] }] });
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