Angular 如何创建';背景色';角度图表中的渐变。js
我正在尝试使用ng2图表在Angular中实现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',
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
}
];