highcharts donut pie - different color for the data than its drilldown

Question

I'm working on a donut pie chart.

I set the data's color and get the drilldown (which is the object holding the data and configuration for the outer slices) slices' colors to be of the same group of color. I would like to set a different array of colors to be used in the drilldown objects. See image attached (the outer slice has two colors: orange and transparent). See here jsfiddle.net/queequeg/ma6uz/ a playground for donut pie.

needed pie

Paweł Fus Paweł Fus · Accepted Answer · 2013-05-13T12:57:15

You need to set different colors for each of slices: http://jsfiddle.net/KNFJE/36/

For example:

    series: [{
        size: '60%',
        innerSize: '30%',
        data: [
            {y: 12, color: 'orange'},
            {y: 10, color: 'gray' },
            {y: 33, color: 'orange'},
            {y: 20, color: 'gray'}
        ]
    },{
        size: '80%',
        innerSize: '60%',
        data: [
            {y: 18, color: 'gray'},
            {y: 11, color: 'orange' },
            {y: 13, color: 'gray'},
            {y: 30, color: 'orange'}
        ]
    }]

highcharts donut pie - different color for the data than its drilldown

2 Answers