Javascript piechart的条形图颜色不以angularjs ng repeat显示

您好，我是angularjs新手，下面是我的html代码

<div class="circular-bar" ng-repeat="cat1 in ['15']">
     <div class="chart" data-percent="{{cat1}}" data-bar-color="#e75200">              
          </div>
      </div>

---

在指令中仅设置超时，这将帮助您在填充数据后显示饼图

当您在angularjs中使用任何jquery图表时，请遵循以下代码使用超时

app.directive('chart1', function() {
  return {
  //   restrict: 'A',
    /* scope: {
       data: '=',
       categorydata:'=categorydata'
     },*/
     link: function(elem, attr) {
       $(function() {
         //jQuery(elem).bar
         setTimeout(function () {
           jQuery('.chart').easyPieChart({
                lineWidth:35,
                scaleColor:false,
                size:330,
                lineCap: 'square',

            });
         }, 200);
       });
     }
  }
})

app.directive('chart1', function() {
  return {
     restrict: 'AEC',
     scope: {
       data: '=',
       categorydata:'=categorydata'
     },
     link: function(elem, attr) {
       $(function() {
         //jQuery(elem).bar
          jQuery('.chart').easyPieChart({
               lineWidth:35,
               scaleColor:false,
               size:330,
               lineCap: 'square',

           });
       });
     }
  }
})

app.directive('chart1', function() {
  return {
  //   restrict: 'A',
    /* scope: {
       data: '=',
       categorydata:'=categorydata'
     },*/
     link: function(elem, attr) {
       $(function() {
         //jQuery(elem).bar
         setTimeout(function () {
           jQuery('.chart').easyPieChart({
                lineWidth:35,
                scaleColor:false,
                size:330,
                lineCap: 'square',

            });
         }, 200);
       });
     }
  }
})