Variwide
Highcharts.chart('container', { chart: { type: 'variwide' }, title: { text: 'Labor Costs in Europe, 2023' }, subtitle: { text: 'Source: <a href="http://ec.europa.eu/eurostat/web/' + 'labour-market/labour-costs/main-tables">eurostat</a>' }, xAxis: { type: 'category' }, caption: { text: 'Column widths are proportional to GDP' }, legend: { enabled: false }, series: [{ name: 'Labor Costs', data: [ ['Norway', 51.9, 448716], ['Denmark', 48.1, 376430], ['Belgium', 47.1, 584699], ['Netherlands', 43.3, 1034086], ['France', 42.2, 2822455], ['Germany', 41.3, 4122210], ['Austria', 40.9, 478190], ['Ireland', 40.2, 504620], ['Sweden', 38.9, 540651], ['Finland', 37.1, 274880], ['Italy', 29.8, 2085375], ['Spain', 24.6, 1461889], ['Czech Republic', 18.0, 317387], ['Portugal', 17.0, 265525], ['Greece', 15.7, 220303], ['Poland', 14.5, 750801], ['Romania', 11.0, 324578] ], dataLabels: { enabled: true, format: '€{point.y:.0f}' }, tooltip: { pointFormat: 'Labor Costs: <b>€ {point.y}/h</b><br>' + 'GDP: <b>€ {point.z} million</b><br>' }, borderRadius: 3, colorByPoint: true }] });
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