JQPlot에서 커서를 가리 키도록 포인터를 커서로 변경하는 방법

Question

커서를 JQPlot의 Bar로 가져 가면 커서를 '포인터'로 변경하고 싶습니다.

CSS에서 변경하려고했습니다. 그러나 그것은 효과가 없었습니다. 도와주세요.

Answer 1

CSS를 사용하여 시도한대로 수정해야합니다.

이

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

작업 예를 here

편집 바이올린을 참조하십시오 당신은 어쩌면 바로 요소의 CSS 변경 사항을 적용하지 않은, 당신은 .jqplot 이벤트 캔버스에 적용 할 필요가 코드 에 따라 업데이트 됨 sdespont 님의 댓글 답변에 대한

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
}); 

Answer 2

감사합니다 : 당신은 당신의 데이터를 unhighlight 때

루카스 옐리네크에 의해 작성으로 PS, 당신은 기본 포인터를 다시 정의 할 수 있습니다. 우리는이 방법으로 할 수

같은 일이 :

커서 : { 스타일 '포인터', 쇼 : 사실, showTooltip : 거짓 }

그러나 내가 커서 싶어 " 포인터 "는 전체 차트 영역이 아닌 막대에있을 때 표시되어야합니다.

Answer 3

으로는 사용하여 결박, AnthonyLeGovic을 썼다 :

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

을하지만, 당신이 밖으로 이동할 때 일반 커서를 설정할 수도 그것을 바인딩을 해제하는 것을 잊지 마세요 :

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
});