Reactjs 使用react库更新charjs数据集

我用库chartjs创建了非常简单的曲线。 我已经创建了一个简单的输入字段，或者我可以选择一个数字。我希望能够更新此数据行：[5,7,4,2,1,8,7,2,5]。 例如，如果我们把数字放在3上，它会用3代替5。我坚持这个问题。 任何帮助都会很有帮助，非常感谢

我在下面附上我的代码

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>
)

---

}

您是否尝试将redraw={true}添加到行组件中

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

---

如果它不起作用，请您提供

handleChange

和

handleSubmit

函数

好的，我将编辑我的帖子，然后询问如何访问我的数据选项卡？有了这个.state.data.data[0]，我想？您希望第一个值根据您提供的输入进行更改，对吗？如果是，这是一个小演示：

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