Pie chart
Highcharts.chart('container', { chart: { type: 'pie' }, title: { text: 'Egg Yolk Composition' }, tooltip: { valueSuffix: '%' }, subtitle: { text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>' }, plotOptions: { series: { allowPointSelect: true, cursor: 'pointer', dataLabels: [{ enabled: true, distance: 20 }, { enabled: true, distance: -40, format: '{point.percentage:.1f}%', style: { fontSize: '1.2em', textOutline: 'none', opacity: 0.7 }, filter: { operator: '>', property: 'percentage', value: 10 } }] } }, series: [ { name: 'Percentage', colorByPoint: true, data: [ { name: 'Water', y: 55.02 }, { name: 'Fat', sliced: true, selected: true, y: 26.71 }, { name: 'Carbohydrates', y: 1.09 }, { name: 'Protein', y: 15.5 }, { name: 'Ash', y: 1.68 } ] } ] });
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