Semi circle donut
// Data retrieved from https://netmarketshare.com/ Highcharts.chart('container', { chart: { plotBackgroundColor: null, plotBorderWidth: 0, plotShadow: false }, title: { text: 'Browser<br>shares<br>January<br>2022', align: 'center', verticalAlign: 'middle', y: 60, style: { fontSize: '1.1em' } }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, accessibility: { point: { valueSuffix: '%' } }, plotOptions: { pie: { dataLabels: { enabled: true, distance: -50, style: { fontWeight: 'bold', color: 'white' } }, startAngle: -90, endAngle: 90, center: ['50%', '75%'], size: '110%' } }, series: [{ type: 'pie', name: 'Browser share', innerSize: '50%', data: [ ['Chrome', 73.86], ['Edge', 11.97], ['Firefox', 5.52], ['Safari', 2.98], ['Internet Explorer', 1.90], ['Other', 3.77] ] }] });
CorePie 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