我创建与具有2系列（COUNT1和COUNT2）和在x轴多个标签chart.js之曲线图。
该系列我已经建立2个数据集，但是当我设置只有第一个被创建的标签与2种颜色外，其余采用默认的颜色。
如何使所有的酒吧坐数据集系列的颜色是什么？
到目前为止，这是我做了什么：
var ctx = document.getElementById("myChart")
var myChart = new Chart(ctx, {
type: "bar",
data: {
labels: ['Product 1','Product 2','Product 3','Product 4','Product 5','Product 6'],
datasets: [{
label: 'Count 1',
data: [10,2,2,2,0,1],
backgroundColor: [
'rgba(255, 99, 132, 0.2)'
]
}, {
label: 'Count 2',
data: [10,5,1,0,5,4],
backgroundColor: [
'rgba(54, 162, 235, 0.2)'
]
}]
},
options: {
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true,
}]
}
}
});<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
</head>
<canvas id="myChart"></canvas>实施例中的jsfiddle：
我的数据集的颜色是括号里面，这是导致它被视为一个数组，我只留下了值。
我希望这可以帮助别人。
var ctx = document.getElementById("myChart")
var myChart = new Chart(ctx, {
type: "bar",
data: {
labels: ['Product 1','Product 2','Product 3','Product 4','Product 5','Product 6'],
datasets: [{
label: 'Count 1',
data: [10,2,2,2,0,1],
backgroundColor:
'rgba(255, 99, 132, 0.2)'
}, {
label: 'Count 2',
data: [10,5,1,0,5,4],
backgroundColor:
'rgba(54, 162, 235, 0.2)'
}]
},
options: {
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true,
}]
}
}
});<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
</head>
<canvas id="myChart"></canvas>在附加的jsfiddle链接