차트 클릭 차트 이벤트의 제목

Question

차트 제목을 클릭하고 작업을 수행하는 것이 가장 좋습니다. 그 다음으로 차트 수준에서 클릭 이벤트가 발생했습니다. 나는 다음을 사용하여 이벤트에서 차트의 제목을 찾을 수 있었다 :

this.title.element.innerHTML 
this.title.element.innerText 
this.title.element.childNodes[0].nodeValue 
this.title.element.firstChild.data 
this.title.element.firstChild.nodeValue 

IE8 위의 모든 작업들이 파이어 폭스에서 어떤 일을하지 + 동안. 어떤 아이디어?

Answer 1

당신은 타이틀을 사실로 useHTML을 설정할 수 있습니다

title: { 
    text: 'testtest', 
} 

을 다음 JQuery와 이벤트를 클릭 사용

$('.highcharts-title').click(function(){ 
    alert('action'); 
}); 

http://jsfiddle.net/puhtu/1/

Answer 2

Highcharts 제목의 URL에 대한 지원이 포함되어 있습니다 , 그래서 차트의 제목에 "a href ="를 삽입하여 예를 들어 페이지를로드 할 수 있습니다.

참조 : http://www.java2s.com/Tutorials/highcharts/Example/Title/Add_hyper_link_to_chart_sub_title.htm

당신은 당신이하고 싶은대로 할 수있는로드 페이지.

좋은 방법은 동일한 페이지에 10 개의 차트가있는 경우 각 차트에 다른 URL을로드 할 수 있다는 것입니다.

요약 차트에서 더 자세한 정보가있는 페이지로 이동하는 데이 방법을 사용했습니다.