Chart js options not changing chart
<p>I have <code>chart js</code> bar chart that displays data correcly however I have two formatting problems that I can't seem to solve:</p>

<p>I want all x-axis labels fixed to be at 90 degrees to the axis (not horizontal or utilising auto rotation) and I want the colour of the bars to be green. I have followed the docs but for some reason I don't get the desired outcome.</p>

<pre><code>    var barChartData = {
        labels: ['label 3', 'label 3', 'label 3'],
        datasets: [{
            fillColor: "rgba(0, 255, 0, 1.0)", 
            data: ["1", "2", "3"]
        }]
    };

var ctx2 = document.getElementById("allStudentsProg8").getContext("2d");
var myBar = new Chart(ctx2, {
    type: 'bar',
    data: barChartData,
    options: {
        elements: {
            rectangle: {
                borderWidth: 2,
                borderSkipped: 'bottom'
            }
        },
        responsive: true,
        legend: {
            display: false,
        },
        scales: {
            xAxes: [{
                ticks: {
                    minRotation: 90
                }
            }]
        }
    }
});
</code></pre>

<p>However this is what I get:</p>

<p><a href="https://i.stack.imgur.com/6AT9u.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6AT9u.jpg" alt="enter image description here"></a></p>

<p>Any pointers as to what I am doing wrong greatly appreciated.</p>