jquery - highcharts donut pie - 数据的颜色与其向下钻取不同

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 库中进行更改。