Parliament (item) chart
Highcharts.chart('container', { chart: { type: 'item' }, title: { text: 'Distribution of seats' }, subtitle: { text: 'Bundestag election 2021. Source: ' + '<a href="https://www.bundeswahlleiter.de/en/bundeswahlleiter.html"' + 'target="_blank">Bundeswahlleiter</a> ' }, legend: { labelFormat: '{name} <span style="opacity: 0.4">{y}</span>' }, series: [{ name: 'Representatives', keys: ['name', 'y', 'color', 'label'], data: [ ['The Left', 39, '#CC0099', 'DIE LINKE'], ['Social Democratic Party', 206, '#EE0011', 'SPD'], ['Alliance 90/The Greens', 118, '#448833', 'GRÜNE'], ['Free Democratic Party', 92, '#FFCC00', 'FDP'], ['Christian Democratic Union', 152, '#000000', 'CDU'], ['Christian Social Union in Bavaria', 45, '#3366CC', 'CSU'], ['Alternative for Germany', 83, '#3399FF', 'AfD'], ['South Schleswig Voters\' Association', 1, '#000099', 'SSW'] ], dataLabels: { enabled: true, format: '{point.label}', style: { textOutline: '3px contrast' } }, // Circular options center: ['50%', '88%'], size: '170%', startAngle: -100, endAngle: 100 }], responsive: { rules: [{ condition: { maxWidth: 600 }, chartOptions: { series: [{ dataLabels: { distance: -30 } }] } }] } });
CoreMore chart types
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