Chart.js 图表js选项不更改图表

我有正确显示数据的

图表js

条形图，但我有两个格式问题似乎无法解决：

我希望所有x轴标签固定在90度的轴（不是水平或利用自动旋转），我希望酒吧的颜色是绿色的。我遵循了这些文件，但由于某些原因，我没有得到预期的结果

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

然而，我得到的是：

非常感谢任何关于我做错了什么的指点。

ChartJSV2.0

更改下一步：

颜色

到

标签轮换

到

---

谢谢你的帮助。颜色起作用，但标签旋转不起作用。我使用v2.0有关系吗？仍然不为我工作-非常奇怪。当我输入新答案时，它们都是水平的。@RGriffiths，很抱歉我错过了方法位置，请立即检查。我把它从滴答声中移了出来。这是正确的变体：）最终到达了那里。棒 极 了非常感谢你。

         datasets: [{
            fillColor: "rgba(0, 255, 0, 1.0)",
            data: ["1", "2", "3"]
        }]

         datasets: [{
            backgroundColor: "rgba(0, 255, 0, 1.0)",
            borderColor: "#000",
            data: ["1", "2", "3"]
        }]

            xAxes: [{
                ticks: {
                    minRotation: 90
                }
            }]

            xAxes: [{
                ticks: {
                    maxRotation: 0, //Do not change ticks width. Or increase              if you need to change also ticks.
                },
                afterCalculateTickRotation : function (self) {
                    self.labelRotation = 90; //Or any other rotation of x-labels you need.
                }
            }]