Basic column
Highcharts.chart('container', { chart: { type: 'column' }, title: { text: 'Corn vs wheat estimated production for 2023' }, subtitle: { text: 'Source: <a target="_blank" ' + 'href="https://www.indexmundi.com/agriculture/?commodity=corn">indexmundi</a>' }, xAxis: { categories: ['USA', 'China', 'Brazil', 'EU', 'Argentina', 'India'], crosshair: true, accessibility: { description: 'Countries' } }, yAxis: { min: 0, title: { text: '1000 metric tons (MT)' } }, tooltip: { valueSuffix: ' (1000 MT)' }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series: [ { name: 'Corn', data: [387749, 280000, 129000, 64300, 54000, 34300] }, { name: 'Wheat', data: [45321, 140000, 10000, 140500, 19500, 113500] } ] });
CoreColumn and bar 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