jqplot의 축 레이블을 클릭 할 수있게 만들기

Question

축 레이블 (카테고리 X 축)을 클릭 할 수있게 만드는 방법은 무엇입니까? 덜 문제가있는 경우

, 클릭이

내가이 작업을 수행 할 수있는 방법이 있나요 새 링크에 (그리고 약간의 자바 스크립트 코드)를 이끌 것이라고 OK인가?

감사합니다.

Answer 1

당신이 카테고리

을 클릭 한 후 행동으로 기대에 따라 다름 진드기의

발전기는 파일에서 호출됩니다 jqplot.axisTickRenderer.js

당신은
1) 모든 틱 #id을 제공하고 함께 행동을 연결하는 코드를 수정할 수 있습니다 자신의 jquery 코드

2) 틱을 $(".jqplot-xaxis")에 표시하고 동작을 추가하십시오.

위 일어나는 가장 중요한 것은 zIndex 1로 설정되고 있다는 점이다

$(".jqplot-xaxis-label") 
    .css({ 
     cursor: "pointer", 
     zIndex: "1" 
    }) 
    .click(function(){ location.href = "http://google.com"; }); 

그렇게는 캔버스 객체 위에 앉아 있음 : - |

Answer 2

다음은 간단한 스크립트입니다. 이제 실제로 그것을 클릭 할 수 있습니다. cursor 스타일은 친숙한 롤오버 마우스 아이콘으로 만듭니다. 이제 클릭 이벤트 내에서 원하는 모든 작업을 수행 할 수 있습니다.

축에 대한 CSS 클래스는 이제 대신 -label의 -tick로 끝나는 틱 :

Answer 3

내 대답은 (1.0.4 버전 테스트) Abishai Gray 차이가 jqPlot 의 최신 버전으로 작동되는 거의 비슷합니다

$('.jqplot-xaxis-tick') 
    .css({ cursor: "pointer", zIndex: "1" }) 
    .click(function() { alert('Axis Tick Clicked'); });