Answer to Stack Overflow question: http://stackoverflow.com/questions/37357696/highchart-pie-chart-with-partially-colored-slices/37370289
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; max-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
$('#container').highcharts({
chart: { polar: true },
title: { text: 'Highcharts polar chart with colored wedges' },
legend: { enabled: false },
xAxis: {
type: 'category',
categories: ['series A','series B','series C','series D','series E'],
},
yAxis: {
min: 0, max: 100,
labels: { enabled: false }
},
series: [{
type: 'pie',
name: 'wedge value',
titles: { enabled: false },
data: [
// each slice of the pie gets its own color
{ y: 82, color: 'red', title: '123' },
{ y: 70, color: 'purple' },
{ y: 55, color: 'orange' },
{ y: 53, color: 'yellow' },
{ y: 95, color: 'green' }
]
}]
});
});