如何为系列添加highcharts-ng饼图自定义颜色？

Question

这里是我的图表对象。

$scope.chartConfig = { 
         options: { 
          chart: { 
           type: 'pie', 
           plotBackgroundColor: null, 
           plotBorderWidth: null, 
           plotShadow: false 

          }, 
          title: { 
           text: 'Status Counts in the Current Stage.' 
          }, 
          plotOptions: { 
           pie: { 
            dataLabels: { 
             enabled: false 
            }, 
            showInLegend: true 
           } 
          } 
         }, 
         series: [{  
          data: [ 
           ['foo', 10], 
           ['bar', 90], 
           ['baz', 100] 
          ] 
         }], 

         loading: true 
      }; 

在这里我需要为foo，bar，baz分隔用户定义的颜色。如何在highchart-ng中做到这一点。

Answer 1

如果你想为每个用户自定义颜色，你可以修改你这样的代码：

$scope.chartConfig = { 
        options: { 
         chart: { 
          type: 'pie', 
          plotBackgroundColor: null, 
          plotBorderWidth: null, 
          plotShadow: false 

         }, 
         title: { 
          text: 'Status Counts in the Current Stage.' 
         }, 
         plotOptions: { 
          pie: { 
           dataLabels: { 
            enabled: false 
           }, 
           showInLegend: true 
          } 
         } 
        }, 
        series: [{  
         data: [{ 
           name: 'foo', 
           y: 56.33, 
           color: '#E94B3B' 
           }, { 
           name: 'bar', 
           y: 24.03, 
           color: '#8AD5E7', 
           sliced: true, 
           selected: true 
           }, { 
           name: 'baz', 
           color: '#F8C471', 
           y: 10.38 
          }] 
        }], 

        loading: true 
     }; 

的位置例如：

http://jsfiddle.net/69kmnxgj/2/