JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/nnnick/Chart.js/master/src/Chart.Core.js"></script>
<script src="https://rawgit.com/nnnick/Chart.js/master/src/Chart.Bar.js"></script>
<canvas id="chart" width="300px" height="300px"></canvas>

JavaScript

ctx = document.getElementById("chart").getContext("2d")

data = {
    labels: ["A", "B", "C"],
    datasets: [{
        data: [3, 4, 5]
    }]
}

colors = [
    "#ff0000;",
    "#00ff00;",
    "#0000ff;"]


myBarChart = new Chart(ctx).Bar(data)

for (i = 0; i < 3; i++) {
    myBarChart.datasets[0].bars[i].fillColor = colors[i];
}
myBarChart.update();