차트가 있습니다
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
$(function () {
$('#container').highcharts({
series: [{
type: 'polygon',
data: [[153, 42], [149, 46], [166, 45]],
color: '#ff0000',
enableMouseTracking: true,
events: {
click: function(event) {
alert("I am clicked");
}
}
}]
});
});
차트에는 다각형이 있습니다. 클릭 한 다각형을 알려주는 클라이언트 이벤트를 잡아야합니다. 여기에 몇 가지 문제가 있습니다.
1) enableMouseTracking이 true가 아니어도 이벤트를 실행할 수 없습니다.이 경우 도구 설명이 표시됩니다. 2) 이벤트 도구 설명을 수락하면 이벤트에서 클릭하는 다각형에 대한 정보에 액세스 할 수없는 것 같습니다.
누군가가 답을 주길 바래
건배
다각형 계열은 event.currentTarget을 통해 액세스 할 수 있습니다. 예 : http://jsfiddle.net/ow72qjaw/
다음을 설정하여 도구 설명을 비활성화 할 수 있습니다.
tooltip: {
enabled: false
}
적절한 설정을 사용하여 시리즈에 대해 호버 효과를 비활성화 할 수 있습니다.
states: {
hover: {
enabled: false
}
}
선택한 시리즈에 대한 툴팁 만 비활성화하려면 유사한 주제를 볼 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다