Chart.js图例颜色

Question

关于传奇色彩我做错了什么？它们看起来是灰色的，并且不会继承条形颜色。

看起来像这样：

另外，您是否可以避免重复每个数据集中的条形颜色并定义数据集数组之外的颜色？

这就是我的JS的样子（我使用的是最新版本）：

var matchChart = new Chart(ctx, {
type: 'bar',
data: {
    labels: ["Today", "Weekly", "Monthly", "Total"],
    datasets: [
        {
            label: 'Invites sent',
            backgroundColor: [
                'rgba(255, 99, 132, 0.4)',
                'rgba(255, 99, 132, 0.4)',
                'rgba(255, 99, 132, 0.4)',
                'rgba(255, 99, 132, 0.4)'
            ],
            data: [60, 30, 25, 82]
        },
        {
            label: 'Invites declined',
            color: '#9CBABA',
            backgroundColor: [
               'rgba(54, 162, 235, 0.4)',
                'rgba(54, 162, 235, 0.4)',
                'rgba(54, 162, 235, 0.4)',
                'rgba(54, 162, 235, 0.4)'
            ],
            data: [40, 20, 75, 12]
        },
        {
            label: 'Invited Accepted',
            backgroundColor: [
                'rgba(255, 206, 86, 0.4)',
                'rgba(255, 206, 86, 0.4)',
                'rgba(255, 206, 86, 0.4)',
                'rgba(255, 206, 86, 0.4)'
            ],
            data: [22, 34, 75, 92],
        },
        {
            label: 'Diaglogues started',
            backgroundColor: [
                'rgba(75, 192, 192, 0.24)',
                'rgba(75, 192, 192, 0.24)',
                'rgba(75, 192, 192, 0.24)',
                'rgba(75, 192, 192, 0.24)'
            ],
             data: [10, 34, 65, 42],
        },
    ]
}

}）;