Chart.js 막 대형 차트의 막대 업데이트

Question

Chart.js를 사용하여 내 웹 페이지에 BarChart가 있습니다.

은 필자가 지금은 그들을 제거하고 (이미 그렇게하는 방법을 파악하는) 다시 추가하지 않고 그 바 A와 B를 업데이트 할이

chart.addData([5], "A"); 
chart.addData([7], "B"); 

를 사용하여 두 개의 데이터 포인트를 추가했다. 나는 그들이 새로운 가치에 적응하기 위해 수직으로 움직이기를 원하지만 이미 차트에있는 데이터에 접근하는 방법을 찾을 수 없다. 첫번째 값이 저장된 데이터 (f.e.)의 인덱스 될

chart.updateData(0,[6]); 
chart.updateData(1,[9]); 

등

Theres는 아무것도하지 않는다.

어떻게해야합니까?

Answer 1

일반적으로 데이터 개체를 탐색하고 요소를 추가, 삭제 또는 바꾸고 .update을 호출하려고합니다.

function adjust2016() { 
    myBarChart.data.datasets[0].data[11] = 300; 
    myBarChart.update(); 
} 

: 여기에 내가 일년의 값을 수정, 귀하의 경우에 더 구체적으로

function addData() { 
    myBarChart.data.labels[12] ="2017"; 
    myBarChart.data.labels[13] ="2018"; 
    myBarChart.data.datasets[0].data[12] = 500; 
    myBarChart.data.datasets[0].data[13] = 600; 
    myBarChart.update(); 
} 

그리고 : 나는 차트의 끝에서 2 열을 추가 곳

다음은 예입니다 전체 예 :

Codepen Chart.js Add replace data example