update（）

在创建图表后想要更新图表是很常见的。当图表数据或选项更改时，Chart.js将根据新的数据值和选项进行动画处理。https://www.chartjs.org/docs/latest/developers/updates.html?h=update

官方脚本示例（通过点击更改颜色和数据）：https://www.chartjs.org/samples/latest/scriptable/bar.html

或她（在scriptable title下）：https://www.chartjs.org/samples/latest/
myHorizontalBar是您的图表对象，因此请删除window.（删 debugging 误-检查控制台错误）。

window.myHorizontalBar.update(); /* wrong syntax remove "window." */

字符串

“hello world”示例

/* data */
var data = {
  labels: ["Africa", "Asia", "Europe", "America"],
  datasets: [{
    /* data */
    label: "Data label",
    backgroundColor: ["red", "#8e5ea2","#3cba9f", '#1d49b8'],
    data: [5.0,6.7,7.5, 8.6, 3.3, 4.4, 4.5]
  }]
};

var options = {
  responsive: true,
  title: {
    text: 'Hello',
    display: true
  },
  scales: {
    xAxes: [{
      stacked: false,
      ticks: {

      },
    }],
    yAxes: [{
      stacked: true,
      ticks: {

      }
    }]
  }
};

var myChart = new Chart(document.getElementById("chart"), {
  type: 'bar',
  data: data,
  options: options
});

document.getElementById('submitChange').addEventListener('click', function() {
  myChart.data.datasets[0].backgroundColor[0] = "green";
  myChart.update();
});

<button id="submitChange">Change Africa color to Green</button>
<canvas id="chart"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>

的数据