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>

具有此代码，并且似乎没有相同的确切输出。我不知道如何将我的颜色数组应用于图表的弧线和字幕。

如何在angularjs中自定义甜甜圈图？来自c3chart指令

0 个答案: