Как настроить кольцевую диаграмму в angularjs? из директивы c3chart

Question

Я изо всех сил пытался заставить эту диаграмму пончиков работать должным образом, но я наконец заставил ее работать с кодом ниже этого текста, но я не могу найти способ настроить диаграмму пончиков. Я следил за всем, что я нахожу в http://jettro.github.io/c3-angular-directive/api-docs/1.3/C3Chart.html, но я не могу иметь свой собственный массив цветов на графике. Как правильно настроить этот график?

JS:

 $scope.piePointsAssets = new Array();
 $scope.pieColumnsAssets = new Array();
 $scope.colors = ["#aa8a55", "#e6e6e6", "#6a7699"];

 $scope.piePointsAssets.push({
   [$scope.IP[0].list[j].example.Name] : $scope.IP[0].list[j].Amount
 });

 $scope.pieColumnsAssets.push({
   "id" : $scope.IP[0].IP[j].example.Name,
   "type": "donut"
 }); 

HTML:

  <div class="graphContainer">
    <c3chart bindto-id="dynamicpie" 
             chart-data="piePointsAssets" 
             chart-columns="pieColumnsAssets">
      <chart-tooltip show-tooltip="false" />
      <chart-size chart-width="225" />
      <chart-legend show-legend="false" />
      <chart-column ng-repeat="color in colors"
                    column-color={{color}}  />
    </c3chart>
  </div>

Имея этот код относительно и не имеющий, похоже, одинаково точный вывод. Я не могу понять, как применить мой массив цветов, как к дугам диаграммы, так и к субтитрам.