LinearGradient在Angular的chartJs画布上不起作用

问题描述

在这里，我尝试像往常一样在画布的ctx对象上添加线性渐变。

    let canvas= $("#canvas");
    let ctx=canvas[0].getContext('2d');
    var gradient = ctx.createLinearGradient(0,400);
    gradient.addColorStop(0,'rgba(250,174,50,1)');   
    gradient.addColorStop(1,0)');

我也尝试使用document.getElementbyId而不是使用jQuery来访问画布对象，但是也没有用。 图表正在打印，只是缺少梯度。我不知道为什么

Stackblitz：https://stackblitz.com/edit/angular-h83adp-chartjs-kfdgcy?file=app/app.component.ts

解决方法

您正确创建了linear gradient，但是忘记将其分配给backgroundColor的{​​{1}}属性。

dataset

请查看您修改过的StackBlitz。