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庫中進行更改。