Styled mode pie
// Data retrieved from https://gs.statcounter.com/vendor-market-share/mobile/ Highcharts.chart('container', { chart: { styledMode: true }, title: { text: 'Mobile vendor market share, June 2024' }, series: [{ type: 'pie', allowPointSelect: true, keys: ['name', 'y', 'selected', 'sliced'], data: [ ['Apple', 27.16, true, true], ['Samsung', 23.72, false], ['Xiaomi', 11.92, false], ['Unknown', 6.86, false], ['Oppo', 6.12, false], ['Vivo', 5.48, false], ['Realme', 3.89, false], ['Huawei', 3.49, false], ['Motorola', 2.38, false], ['Infinix', 1.59, false], ['Other', 7.39, false] ], showInLegend: true }] });
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