javascript - 如何在chart.js中将折线图中所有点的颜色设置为相同？

Question

pointBackgroundColor只改变数据第一个点的颜色，我想将所有点设置为相同的颜色，怎么做？

var ctx = document.getElementById('itemschart').getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: itemnames,
            datasets: [{
                label: 'Revenue by individual items',
                data: itemprice,
                fill:false,

                borderColor: [
                'rgb(51, 153, 255)',
                ],
                pointBackgroundColor:[
                'rgb(51, 153, 255)',

                ],
                borderWidth: 2
            }]
        },
    });

Answer 1

那是因为你使用了数组。在数组中，您可以定义图表的每种颜色。第一个数组元素是第一个图表点，第二个数组元素是第二个图表点...您只需定义第一个元素的颜色。

如果您编写 borderColor: 'rgb(51, 153, 255)' 颜色将应用于每个点。