highcharts甜甜圈馅饼 - 数据的颜色不同于其钻取

Question

我正在制作甜甜圈饼图。

我设置了数据的颜色并获得了向下钻取（这是保存外部切片的数据和配置的对象）切片的颜色属于同一组颜色。 我想设置一个不同的颜色数组，用于钻取对象。 见附图（外部切片有两种颜色：橙色和透明）。 在这里看到jsfiddle.net/queequeg/ma6uz/甜甜圈馅饼的游乐场。

Answer 1

您需要为每个切片设置不同的颜色：http://jsfiddle.net/KNFJE/36/

例如：

    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'}
        ]
    }]

Answer 2

更新代码中的颜色值。

color: colors[1]

将数组索引设置为0-9之间的其他预设颜色。 如果您不希望预设颜色为0-9，则必须在highcharts库中进行更改。