Radial bar chart
Highcharts.chart('container', { colors: ['#FFD700', '#C0C0C0', '#CD7F32'], chart: { type: 'column', inverted: true, polar: true }, title: { text: 'Winter Olympic medals per existing country (TOP 5)' }, subtitle: { text: 'Source: ' + '<a href="https://en.wikipedia.org/wiki/All-time_Olympic_Games_medal_table"' + 'target="_blank">Wikipedia</a>' }, tooltip: { outside: true }, pane: { size: '85%', innerSize: '20%', endAngle: 270 }, xAxis: { tickInterval: 1, labels: { align: 'right', useHTML: true, allowOverlap: true, step: 1, y: 3, style: { fontSize: '13px' } }, lineWidth: 0, gridLineWidth: 0, categories: [ 'Norway <span class="f16"><span id="flag" class="flag no">' + '</span></span>', 'United States <span class="f16"><span id="flag" class="flag us">' + '</span></span>', 'Germany <span class="f16"><span id="flag" class="flag de">' + '</span></span>', 'Austria <span class="f16"><span id="flag" class="flag at">' + '</span></span>', 'Canada <span class="f16"><span id="flag" class="flag ca">' + '</span></span>' ] }, yAxis: { lineWidth: 0, tickInterval: 25, reversedStacks: false, endOnTick: true, showLastLabel: true, gridLineWidth: 0 }, plotOptions: { column: { stacking: 'normal', borderWidth: 0, pointPadding: 0, groupPadding: 0.15, borderRadius: '50%' } }, series: [{ name: 'Gold medals', data: [148, 113, 104, 71, 77] }, { name: 'Silver medals', data: [113, 122, 98, 88, 72] }, { name: 'Bronze medals', data: [124, 95, 65, 91, 76] }] });
CoreColumn and bar 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