chart.js：并非所有点都使用定义的颜色

Question

这是我关于stackoverflow的第一篇文章/问题，请原谅任何格式错误。

我制作了一个线形图（使用chart.js），其定义如下图所示>]

var ctx = document.getElementById('myChart').getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'line',
            data: {
                labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
                datasets: [{
                    label: 'Sales Last Week',
                    data: [12, 17, 7, 17, 23, 18, 38],
                    backgroundColor: [
                        'rgba(1, 161, 216, 0.2)'
                    ],
                    borderColor: [
                        'rgba(1, 161, 216, 1)'
                    ],
                    borderWidth: 1
                },
                {
                    label: 'Sales This Week',
                    data: ['8', 17, 3, 17, 50, 10, 49],
                    backgroundColor: [
                        'rgba(1, 216, 128, 0.2)'
                    ],
                    borderColor: [
                        'rgba(1, 216, 128, 1)'
                    ],
                    borderWidth: 1
                }
                ]
            }
        });
由于某些原因，只有x = 0处的点（数据集中的第一个值）呈现我定义的颜色，其余的呈现默认的灰色Notice the gray color on all points except points with x=0

不确定我是否错过了什么吗？

这是我关于stackoverflow的第一篇文章/问题，请原谅任何格式错误。我制作了一个线形图（带有chart.js），其定义如下图所示var ctx = document ....

Answer 1

您不应该将颜色定义为array。只需移除方括号周围的方括号，即可使用。