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

Question

点背景颜色只改变数据第一个点的颜色，我想把所有的点都设置为相同的颜色，怎么办？

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)'则颜色将应用于每个点。