如何在一定条件下改变angular-chart.js的颜色？

Question

我使用angular-chart.js生成图表 图表的条形应根据条件着色。

如果返回的数据大于5，我想要某种颜色，否则是其他颜色。 我的图表是生成的，但颜色随机。另外我控制着Logged $ scope.colors，它显示填充了适当值的fillcolor数组，但我可以看到随机颜色

的Javascript

$scope.options = {scales: {xAxes: [{stacked: true}]}};
$scope.colors = [{fillColor:[]}]

$scope.generateGraph = function () {

    $http.get(url).success(function(res){
           for(i=0;i<res.data.length-1;i++){
            console.log(res.data[i])
              if(res.data[i] > 5){
                            $scope.colors[0].fillColor[i]="#FF0000"
                        }else{
                            $scope.colors[0].fillColor[i]="#00FF00"
                        }

           }

        $scope.labels = res.labels;
         $scope.data = res.data;  
    });

};

HTML

<canvas  id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" chart-colors = "colors" chart-click = "onClick">
 </canvas>