Javascript 无法更改chart.js颜色填充或y轴

我试图使用

chart.js

制作一个实时图形，但我似乎无法更改颜色填充

<script type="text/javascript">
  var canvas = document.getElementById('updating-chart'),
  ctx = canvas.getContext('2d'),
  startingData = {
    labels: ["A", "B", "C", "D"],
    datasets: [
    {
      label: "Product A",
      fillColor: "rgba(206, 70, 90, 1)",
      strokeColor: "rgba(220,220,220,0.8)",
      pointColor: "rgba(220,220,220,1)",
      pointStrokeColor: "#fff",
      data: [65, 59, 80, 81],
      options: {
        scales: {
                  yAxes: [{
                    ticks: {
                    beginAtZero:true,
                    min: 0,
                    max: 10
                    }
                  }]
                }
              }
    }
    ]
  };

  var myLiveChart = new Chart(ctx,{
    type: 'bar',
    data: startingData,
    responsive: true,
    maintainAspectRatio: true
  });

  setInterval(function(){
    // Get a random index point
    var indexToUpdate = Math.round(Math.random() * startingData.labels.length);

    // Update one of the points in the second dataset
    myLiveChart.data.datasets[0].data[indexToUpdate] = Math.random() * 100;

    myLiveChart.update();
  }, 500);

</script>

var canvas=document.getElementById（'updateing-chart'），
ctx=canvas.getContext（'2d'），
启动数据={
标签：[“A”、“B”、“C”、“D”]，
数据集：[
{
标签：“产品A”，
fillColor:“rgba（206,70,90,1）”，
strokeColor:“rgba（2200,0.8）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
数据：[65,59,80,81]，
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
分:0,，
最多：10
}
}]
}
}
}
]
};
var myLiveChart=新图表（ctx{
类型：'bar'，
数据：启动数据，
回答：是的，
MaintaintAspectRatio:正确
});
setInterval（函数（）{
//获取一个随机索引点
var indexToUpdate=Math.round（Math.random（）*startingData.labels.length）；
//更新第二个数据集中的一个点
myLiveChart.data.datasets[0].data[indexToUpdate]=Math.random（）*100；
myLiveChart.update（）；
}, 500);

我已经清楚地更改了轴并将y设置为最大值，但它仍然溢出并不断动态更改轴长度。我该如何解决这个问题

---

此外，第一个条的颜色似乎仍然是灰色的，即使我更改了

rgba

值。帮助？

有关更改颜色的信息，请参阅下面的链接。请尝试使用background-color。如果您共享小提琴，它将有所帮助

---

在数据集数组中添加以下代码。颜色会改变

backgroundColor:"rgba(206, 70, 90, 1)"

对于溢出和动态更改轴长度问题，请从对象的数据集数组中取出选项属性对象代码，并将其添加到myLiveChart图表实例中。请参阅下面的JSFIDLE

希望这就是你要找的