Javascript 在angular-chart.js中使用渐变色

我正在尝试使用angularjs1为我的图表使用gradient，使用angular-chart.js版本1.0.0，但fillcolor似乎无法识别gradient。下面是我的代码

var-app=angular.module（'starter'，['ionic'，'ngCordova'，'chart.js'，'ionic model select']）。controller（'graphCtrl'，function（$scope）{
var ctx=document.getElementById（'base2'）.getContext（'2d'）；
var gradient=ctx.createLinearGradient（0,0,0,400）；
梯度。加色停止（0，'rgba（243103101,0.5'）；
梯度。添加色阻（1，'rgba（0,89,179,0.5'）；
$scope.labels2=[“周一”、“周二”、“周三”、“周四”、“周五”、“周六”、“周日”]；
$scope.data2=[
[65, -59, 80, 81, -56, 55, -40],
[28, 48, -40, 19, 86, 27, 90]
];
$scope.type2='bar'；
$scope.colors2=[{
fillColor:渐变，渐变角度js不响应
strokeColor:“rgba（151187205,1）”，
点颜色：“rgba（151187205,1）”，
pointStrokeColor:“#fff”，
pointHighlightFill:“#fff”，
pointHighlightStroke:'rgba（151187205,0.8）'
}, {
点点：错，
点半径：0，
填充颜色：渐变，
strokeColor:“rgba（187155206,1）”，
pointColor:“#BB9BCE”，
pointStrokeColor:“rgba（187155206,1）”，
pointHighlightFill:“#fff”，
pointHighlightStroke:'rgba（187155206,1）'
}];
$scope.datasetOverride2=[{
标签：“条形图”，
BorderWidtowbelowth:1，
类型：'bar'
}, {
标签：“折线图”，
边框宽度：3，
hoverBackgroundColor:“rgba（255,99132,0.4）”，
hoverBorderColor:“rgba（255,99132,1）”，
类型：“行”
}];
});
我希望这个答案能对那些和我一样有梯度问题的人有所帮助

所以，对我来说，有效的方法是在图表上创建一个事件列表器，并在事件图表发出时调用我的函数changeColor

以下是我的控制器中的代码：

var changeColor = function(chart){
var ctx = chart.chart.ctx;
var gradient = ctx.createLinearGradient(0, 0, 0, 400);
gradient.addColorStop(0, 'rgba(243, 103, 101,0.5)');
gradient.addColorStop(1, 'rgba(0, 89, 179,0.5)');
chart.chart.config.data.datasets[0].backgroundColor = gradient;};


$scope.$on('chart-create', function (evt, chart) {
if(chart.chart.canvas.id === 'base2') {
  changeColor(chart);
  chart.update();
}

HTML代码

<canvas id="base2" class="chart-base" chart-type="type2" chart-data="data2" chart-labels="labels2" chart-colors="colors2" chart-options="options2" >
</canvas>

您能提供完整的工作代码吗？那太好了。谢谢