reactjs의 chartsjs에서 그래프 업데이트

Question

일부 데이터가있는 그래프가 있습니다. 버튼을 클릭하면 데이터가 그래프로 변경됩니다. 그것은 작동하지만 ... 그래프에 마우스를 올리면 첫 번째 데이터가있는 그래프가 깜박입니다. 나는 이유를 모른다.

예 : 새 차트 인스턴스를 때마다 이 버튼을 클릭 제출을 작성되어 있기 때문에 https://codesandbox.io/s/zx6o9wj654

Answer 1

.

은과 같이, 새로운 하나를 만들기 전에, 당신은 destroy에 이전 차트 인스턴스를 필요가 제대로 작동하게하려면 다음

여기

... 
createData =() => { 
     // destroy previous chart instance, if exists 
     if (this.myChart) this.myChart.destroy(); 
     /** create new chart instance **/ 
     const ctx = document.getElementById("myChart"); 
     // store chart instance to a class property 
     this.myChart = new Chart(ctx, { 
     ... 

가 working example입니다.