2012-08-27 2 views
1

HighCharts, 차트를 작성하는 데 javascript 플러그인을 사용하고 있습니다.하이 차트 옵션 클릭 가능 분류 이름

HighCharts

highcharts clickable category

나는 JQuery와 HighCharts을 사용합니다 알고을이 그림과 같이 내가 원하는 무엇
카테고리 이름을 클릭 이벤트를 처리하는 옵션을 찾아 속성을 얻는 것입니다.

답변

3

당신은 firsthighcharts-axis에 이벤트 처리기를 추가 할 수 있습니다. 컨테이너는 categories입니다.

그래서, 카테고리에 대한 : 당신이 볼 수

$('#container .highcharts-axis:first tspan').click(function() { 
    console.log($(this).text()); 
}); 

demo

+0

아, 멋지다! 충분히 간단합니다. –

+0

최신 버전의 Highcharts는 대신'$ ("# container .highcharts-axis-labels : first text")'를 사용하십시오. –

2

svg 요소에서 click 이벤트를들을 수 있습니다. 여기의 실제 사례는 http://livecoding.io/3492608입니다. 그것의 요점 :

$('.highcharts-axis text').click(function(){ 
    alert($(this).text()); 
}); 
+0

감사하지만, 모든 텍스트는 이제 클릭 할 수 있습니다. 그래서 숫자와 세로 텍스트. ** 카테고리 **를 클릭 만하면됩니다. –

+0

나는 본다. 음, 재미있는 문제. Highcharts에서 이것을 처리 할 원래 방법이 없습니다. 항상 소스 코드를 해킹 할 수 있습니다. 나는 그것을 어떻게하는지 예제를 게시하려고 노력할 것이다. –