Styled mode column
Highcharts.chart('container', { chart: { type: 'column', styledMode: true }, title: { text: 'Average weight and BMI in some countries, women' }, subtitle: { text: 'Source: ' + '<a href="https://www.worlddata.info/average-bodyheight.php"' + 'target="_blank">WorldData</a>' }, xAxis: { categories: ['Tokelau', 'Ireland', 'Italy', 'Timor-Leste'] }, yAxis: [{ // Primary axis className: 'highcharts-color-0', title: { text: 'Weight' } }, { // Secondary axis className: 'highcharts-color-1', opposite: true, title: { text: 'BMI' } }], plotOptions: { column: { borderRadius: 5 } }, series: [{ name: 'Weight', data: [92.5, 73.1, 64.8, 49.0], tooltip: { valueSuffix: ' kg' } }, { name: 'BMI', data: [33.7, 27.1, 24.9, 21.2], yAxis: 1 }] });
CoreStyled mode (CSS styling)
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