Javascript 如何在chart.js中将线图中所有点的颜色设置为相同?

Javascript 如何在chart.js中将线图中所有点的颜色设置为相同?,javascript,chart.js,Javascript,Chart.js,pointBackgroundColor只更改数据的第一个点的颜色,我想将所有点设置为相同的颜色,怎么做 var ctx = document.getElementById('itemschart').getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: itemnames, datasets: [{

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
            }]
        },
    });

这是因为您使用了数组。在数组中定义图表的每种颜色。第一个数组元素是第一个图表点,第二个数组元素是第二个图表点。。。您只需定义第一个元素的颜色

如果您写入borderColor:“rgb51、153、255”,则颜色将应用于每个点