Javascript 如何在chart.js中将线图中所有点的颜色设置为相同?
pointBackgroundColor只更改数据的第一个点的颜色,我想将所有点设置为相同的颜色,怎么做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: [{
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”,则颜色将应用于每个点