Chartjs : 클릭시 yaxes 틱의 최소값과 최대 값 업데이트

Question

chartjs를 사용하여 꺾은 선형 차트를 그립니다. 나는이 차트를 동적으로 만들고 있으며 다른 데이터 유형에 따라 2-10 개의 차트가있을 수 있습니다. 지금 버튼이나 텍스트를 클릭하면 차트를 업데이트하고 싶습니다. 이 업데이트는 y-axes ticks의 min 및 max을 변경합니다. 나는이

myChart.options.scales.yAxes[0].ticks.min=some_value;

myChart.update();

을 수행하여 하나 개의 차트에 자바 스크립트 콘솔을 수행하려고했지만 문제는 내가 텍스트 또는 버튼을 클릭하면 내가 그것을 바꿀 것 방법이다. 내가 전설을 만들어야하니?

테스트 실행을위한 내 jsfiddle입니다.

어떤 종류의 도움이라도 대단히 감사하겠습니다.

Answer 1

당신은 jQuery를 사용할 수 있습니다

• 가 jQuery library
• 추가 버튼을 추가, 내가 클릭에 2 개 라인을 실행하는 jQuery를 트리거 추가 <button id="action">action</button>
• 추가 :

$('#action').off().on('click', function() { myLineChart.options.scales.yAxes[0].ticks.min = -50; myLineChart.update(); })을

참조 : https://jsfiddle.net/gdqkLtc2/3/