Javascript my Chart.js中缺少颜色，我的数据看起来不错，但没有颜色

我用Chart.js库制作了我的第一个条形图。 我的数据看起来不错，但我不能给我的估价师一些颜色

我的函数如下所示：

var $barData = 
{
    type: 'bar',
    labels: ['Super mad', 'Middel', 'Ikke ok', 'Gennemsnit'],
    datasets: 
    [
        {
            label: 'Antal stemmer',
            data: [
            [$arrStemmer[0]], 
            [$arrStemmer[1]], 
            [$arrStemmer[2]], 
            [$Snit_Vaerdi]
            ],

            backgroundColor: [
            'rgba(255, 99, 132, 0.2)',
            'rgba(54, 162, 235, 0.2)',
            'rgba(255, 206, 86, 0.2)',
            'rgba(75, 192, 192, 0.2)'
            ],
            borderColor: [
            'rgba(255, 99, 132, 1)',
            'rgba(54, 162, 235, 1)',
            'rgba(255, 206, 86, 1)',
            'rgba(75, 192, 192, 1)'
            ],
            borderWidth: 1
        }

    ]
}

// Hent graf initialiserings setup
var $Stemmer = document.getElementById("can_afstemning_graf").getContext("2d");
// Tegn graf, men data fra barData objektet
new Chart($Stemmer).Bar($barData);

我错过了什么？ 我在这里查看文档，它看起来很好：

谢谢，

---

Nenad

您设置的数据不正确

你应该使用

data: [
    $arrStemmer[0], 
    $arrStemmer[1], 
    $arrStemmer[2], 
    $Snit_Vaerdi
],

而不是

data: [
    [$arrStemmer[0]], 
    [$arrStemmer[1]], 
    [$arrStemmer[2]], 
    [$Snit_Vaerdi]
],

---

这应该行得通。如果已填充

$arrstember

和

$snit_Vaerdi

let $stemmer = document.getElementById('can_afstemning_graf').getContext('2d');

let myChart = new Chart($stemmer, {
    type: 'bar',
    data: {
        labels: ['Super mad', 'Middel', 'Ikke ok', 'Gennemsnit'],
        datasets: [{
            label: 'Antal stemmer',
            data: [
                $arrStemmer[0],
                $arrStemmer[1],
                $arrStemmer[2],
                $Snit_Vaerdi
            ],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});

---

发布演示。你在画布上添加了效果吗