稍微令人費解的問題,我很抱歉,但讓我進一步解釋。如何增加Highcharts中某個點的可點擊區域,以便每當點處於「活動狀態」時,都可以記錄點擊?
使用Highcharts.js中的折線圖,將鼠標移動到點的區域並懸停在點上並加載工具提示。我有一些點擊事件操作可以正常工作,但是我想修改它們,以便在鼠標不在其上方時單擊點,但只需在範圍內懸停點即可。
我該怎麼做呢?
稍微令人費解的問題,我很抱歉,但讓我進一步解釋。如何增加Highcharts中某個點的可點擊區域,以便每當點處於「活動狀態」時,都可以記錄點擊?
使用Highcharts.js中的折線圖,將鼠標移動到點的區域並懸停在點上並加載工具提示。我有一些點擊事件操作可以正常工作,但是我想修改它們,以便在鼠標不在其上方時單擊點,但只需在範圍內懸停點即可。
我該怎麼做呢?
從highcharts網站
chart: {
events: {
click: function (event) {
var label = this.renderer.label(
'x: ' + Highcharts.numberFormat(event.xAxis[0].value, 2) + ', y: ' + Highcharts.numberFormat(event.yAxis[0].value, 2),
event.xAxis[0].axis.toPixels(event.xAxis[0].value),
event.yAxis[0].axis.toPixels(event.yAxis[0].value)
)
.attr({
fill: Highcharts.getOptions().colors[0],
padding: 10,
r: 5,
zIndex: 8
})
.css({
color: '#FFFFFF'
})
.add();
setTimeout(function() {
label.fadeOut();
}, 1000);
}
}
}
這不是我所要求的,但感謝您抽出時間回覆 – Lightspeed
我一定誤解了你,你是否想要在點的半徑內捕獲點擊? –
這可能是稍顯凌亂,而不是做的最好的方法,但你可以把手柄插入一個div這是稍大?然後使用新的div作爲句柄。 – DM98
這取決於你想要達到的目標。有一件事,可以是capute chart的點擊並檢查到最近點的距離 - 如果你在jsfiddle上設置了一個實例,這將會很有幫助。 – morganfree