Estou usando o ChartJS em um projeto no qual estou trabalhando e preciso de uma cor diferente para cada barra em um gráfico de barras.
Aqui está um exemplo do conjunto de dados do gráfico de barras:
var barChartData = {
labels: ["001", "002", "003", "004", "005", "006", "007"],
datasets: [{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [20, 59, 80, 81, 56, 55, 40]
}]
};
Existe alguma maneira de pintar cada barra de forma diferente?
fillColor
de um conjunto de dados como um array, e chart.js iterará através do array escolhendo a próxima cor para cada barra desenhada.