条形图中每个条形有不同的颜色；图表JS

我在我正在开发的项目中使用 ChartJS，并且我需要为条形图中的每个条形使用不同的颜色。

以下是条形图数据集的示例：

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

有什么办法可以将每个条形绘制为不同的颜色吗？

从 v2 开始，您可以通过以下方式简单地指定一个值数组来对应每个条形的颜色：backgroundColor财产：

datasets: [{
  label: "My First dataset",
  data: [20, 59, 80, 81, 56, 55, 40],
  backgroundColor: ["red", "blue", "green", "blue", "red", "blue"], 
}],

这对于borderColor, hoverBackgroundColor, hoverBorderColor.

从文档上条形图数据集属性 http://www.chartjs.org/docs/latest/charts/bar.html#dataset-properties:

某些属性可以指定为数组。如果将它们设置为数组值，则第一个值适用于第一个柱，第二个值适用于第二个柱，依此类推。