단추 이벤트의 동작을 삭제하고 다른 이벤트를 만듭니다.

Question

그래프를 그리는 단추가 두 개 있습니다. 첫 번째 것은 일부 값으로 그래프를 그리고 두 번째 그래프는 다른 값으로 그래픽을 그립니다. 두 그래프는 HTML 페이지의 같은 위치에 그려집니다. 문제는 두 개의 버튼을 연속적으로 누르는 경우 그래프를 덮어 쓰는 것입니다. 페이지를 새로 고치지 않습니다.

$("#buttonA").click(function(){ 
deseneazaGrafic(jsonData.Antena3); 
}); 

두 번째 버튼

$("#buttonP").click(function(){ 
deseneazaGrafic(jsonData.ProTV); 
}); 

고마워요!

Answer 1

제대로 대답하려면 deseneazaGrafic()을 참조해야 할 수도 있습니다.

첫 번째 생각은 그래프가 그려지는 요소를 비우는 것입니다. 그래프로 채워지는 id graphdiv를 가진 div라고 말할 수 있습니다.

다음 deseneazaGrafic()를 호출

메이크업이 호출 전에 두 버튼 클릭 이벤트 내부 :

$("#graphdiv ").empty(); 

이 가

더 http://api.jquery.com/empty/

Answer 2

여기를 참조 내가 답을 발견 내가 필요 "deseneazaGrafic"(번역 : drawGraph) 함수에서 그려지기 전에 그래프를 지우십시오. context.clearRect (0, 0, canvas.width, canvas.height)