Javascript 如何在最新的chart JS版本（3.3.2）中创建渐变填充折线图？

我想知道如何在图表JS 3.3.2版中创建渐变折线图，如下所示：

这是近6年前的答案。2021年版本的解决方案是什么

我尝试了旧的解决方案，但没有效果：

代码：

var ctx=document.getElementById（'chart'）.getContext（'2d'）；
var gradient=ctx.createLinearGradient（0,0,0,300）；
渐变。添加颜色停止（0，'rgba（2241951551'）；
渐变。添加颜色停止（1，'rgba（100,100,0,0'）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
背景颜色：渐变色，
标签：“数字”，
数据：[12,19,3,5,2,3]，
}]
},
选项：{
比例：{
y:{
贝吉纳泽罗：是的
}
},
张力：0.3
}
});
在v3中，默认情况下折线图不会填充，因此需要设置
fill:true

范例


var ctx=document.getElementById（'chart'）.getContext（'2d'）；
var gradient=ctx.createLinearGradient（0,0,0,300）；
渐变。添加颜色停止（0，'rgba（2241951551'）；
渐变。添加颜色停止（1，'rgba（100,100,0,0'）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
背景颜色：渐变色，
标签：“数字”，
填充：是的，
数据：[12,19,3,5,2,3]，
}]
},
选项：{
比例：{
y:{
贝吉纳泽罗：是的
}
},
张力：0.3
}
});

这篇文章可能会对你有所帮助：@mpm那篇文章没有帮助，那是关于chart.js第2版的，因为他已经指出，该解决方案从堆栈上看不起作用。哦，对不起：（非常有效。你是个救命恩人