Chart.js 如何在ChartJS上将甜甜圈颜色更改为线性渐变？

我想将第一个元素的背景更改为此颜色： 线性梯度（178.18度，#FD749B-13.56%，#281AC8 158.3%）

---

我试过这样做：

backgroundColor:[“线性渐变（178.18度，#FD749B-13.56%，#281AC8 158.3%），“#F9A9C6”]，

运气不佳。

您可以按照以下方式创建渐变：

var gradient = ctx.createLinearGradient(0, 0, 0, 450);
gradient.addColorStop(0, 'rgba(255, 0,0, 0.5)');
gradient.addColorStop(0.5, 'rgba(255, 0, 0, 0.25)');
gradient.addColorStop(1, 'rgba(255, 0, 0, 0)');

并将

gradient

var添加到数据集背景色：

datasets: [
    {
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
      backgroundColor: gradient,
      borderWidth: 1
    },
]

请查收

编辑：要使第二个元素为纯色，只需设置数组：

backgroundColor: [gradient1,'#F933FF'],//1st gradient 2nd '#F933FF'

---

检查

但是，我有两个元素。我希望第一个元素是渐变色，第二个是普通色。选中编辑小提琴，你必须在数组中设置每个元素的颜色，以便于你的响应。它的工作很好的小提琴，但由于某种原因梯度颜色没有显示在我的网站。它显示为深色。在问题正文中的代码标签中共享您的整个js代码。可能你们在得到画布之前设置了梯度，但并没有这样做，但看起来有点难

backgroundColor: [gradient1,'#F933FF'],//1st gradient 2nd '#F933FF'