Установить backgroundColor от bar-char (график. js)

Question

Я работаю в Angluar с графиком. js библиотека (https://www.chartjs.org/docs/latest/charts/bar.html), и я хотел бы установить 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

Вы можете использовать простое программирование логи c. colorIndex = columnNumber%3 использовать оператор модуля. Отдыхай, можешь думать. Надеюсь, это поможет