设置bar-char（chart.js）的backgroundColor

Question

[我正在使用chart.js库（https://www.chartjs.org/docs/latest/charts/bar.html）在Angluar中工作，我想为整个条形图设置3种颜色。

当显示多于3列时，是否有一种方法可以告诉图表从一开始就应用颜色阵列？到目前为止，我的代码：

colors: ['red','green','yellow']

data: {
    datasets: [{
        barPercentage: 0.5,
        barThickness: 6,
        maxBarThickness: 8,
        minBarLength: 2,
        data: [10, 20, 30, 40, 50, 60, 70]
        backgroundColor: colors,
    }]
};

输出应为：红色，绿色，黄色，红色，绿色，黄色，...

Answer 1

您可以使用简单的编程逻辑。colorIndex = columnNumber%3 使用模运算符。休息一下，你可以思考。希望对您有所帮助