2013-03-28 94 views
0

我需要實現一個關閉圖標的工具提示,如果點擊,它將關閉工具提示。該圖標是與使用格式化功能HTML元素顯示,的jsfiddle:http://jsfiddle.net/e56KT/可點擊的HTML元素,關閉Highcharts工具提示

<div>Clickable close</div> 

是將與一個圖標被替換)的節點。

有沒有辦法實現它?

+0

你想點擊彈出提示,然後單擊再次關閉它,或者你想正常的自動提示出現,但點擊前不要離開?如果它不能自動消失,如果你將鼠標懸停在另一個點上,會發生什麼。會出現兩個工具提示嗎? – SteveP

+0

我們的平臺是iPad,我們需要單擊一個點,獲取工具提示,然後關閉它,如果在該工具提示中單擊了特定的HTML節點。如果點擊另一個點,則另一個工具提示必須彈出並且當前必須消失。如果在工具提示中單擊「關閉」按鈕,我想隱藏工具提示並停止事件傳播以防止另一個工具提示被打開(以防萬一點擊發生在其他可點擊區域上方)。 –

回答

1

可以使用chart.tooltip.hide()隱藏工具提示,因此,例如:http://jsfiddle.net/e56KT/1/

+0

謝謝帕維爾,我應該聽哪個事件,如果其目標是我想要的元素來阻止傳播,以防止另一個工具提示?我已經嘗試過圖表的onclick,但是在處理完時,另一個工具提示已經打開。 –

+0

我認爲你可以用不同的方式實現這一點。如果應該顯示工具提示,則添加標誌。然後在'point.events.mouseover'中添加檢查是否顯示工具提示。 (要顯示工具提示,請使用'this.series.chart.tooltip.refresh(this.point);') –