使用React库更新charjs数据集

Question

我使用chartjs库创建了非常简单的曲线。我已经创建了一个简单的输入字段，也可以选择一个数字。我希望能够更新此数据行：[5、7、4、2、1、8、7、2、5]。例如，如果我们将数字3替换为3，则将5替换为3。任何帮助都会非常有帮助，非常感谢！

我在下面附上我的代码。

this.state = {
  value: '',
  data: {
    labels: ["1", "2", "3", "4", "5", "6", "7", "8", "9"], // nb jours
    datasets: [
      {
        type: 'line',
        label: "Hour of sleep",
        backgroundColor: 'transparent',
        borderColor: 'green',
        pointRadius: 3,
        data: [6, 8, 7, 8, 7, 7, 7, 8, 9, 6] // pour l instant on part du principe que dormir 10 heure c est le meilleur.
      },
      {
        type: 'line',
        backgroundColor: 'transparent',
        borderColor: 'orange',
        label: "Fruits and legume",
        pointRadius: 3,
        data: [5, 7, 4, 2, 1, 8, 7, 2, 5] // faire un select qui selon le jour remplis le tableaux data.
      },
    ]
  }
}

render() {
return(
  <div style={{ position: "relative", width: "80%", height: "50%"}}>
  <form onSubmit={this.handleSubmit}>
  <input type="number" value={this.state.value} onChange={this.handleChange} /><input type="submit" value="ok" />
  </form>
    <Line
      options={{
        responsive: true
      }}
      data = {this.state.data}
    />
  </div>
)

}

Answer 1

<Line
  options={{
    responsive: true
  }}
  data = {this.state.data}
  redraw={true}
/>

如果不起作用，还可以提供handleChange和handleSubmit功能吗？>