Angular 如何创建';背景色';角度图表中的渐变。js

Angular 如何创建';背景色';角度图表中的渐变。js,angular,charts,Angular,Charts,我正在尝试使用ng2图表在Angular中实现chart.js。我需要backgroundColor作为折线图中的渐变色 有没有办法得到梯度图 public lineChartColors: Color[] = [ { borderColor: '#813d7e', backgroundColor: 'rgba(129, 61, 126, 0.25)', borderWidth: 2, pointBackgroundColor:'#fff',

我正在尝试使用ng2图表在Angular中实现
chart.js
。我需要
backgroundColor
作为折线图中的渐变色

有没有办法得到梯度图

public lineChartColors: Color[] = [
    {
     borderColor: '#813d7e',
     backgroundColor: 'rgba(129, 61, 126, 0.25)',
     borderWidth: 2,
     pointBackgroundColor:'#fff',

    },
  ];

您可以访问

获取实时代码,请查看下面的链接,它解决了您的问题

您可以通过
ViewChild

@ViewChild('myCanvas') canvas: ElementRef;

<canvas #myCanvas  baseChart ...

请检查

请检查此链接我已经处理过了,但我需要这个链接。请访问此处的代码
 const gradient = this.canvas.nativeElement.getContext('2d').createLinearGradient(0, 0, 0, 600);
      gradient.addColorStop(0, 'red');
      gradient.addColorStop(1, 'green');
      this.lineChartColors = [
          {
              backgroundColor: gradient
          }
 ];