可点击的HTML元素，关闭Highcharts工具提示

我需要实现一个关闭图标的工具提示，如果点击，它将关闭工具提示。该图标是与使用格式化功能HTML元素显示，的jsfiddle：http://jsfiddle.net/e56KT/可点击的HTML元素，关闭Highcharts工具提示

<div>Clickable close</div>

是将与一个图标被替换）的节点。

有没有办法实现它？

来源

2013-03-28 Maksym Shpak

你想点击弹出提示，然后单击再次关闭它，或者你想正常的自动提示出现，但点击前不要离开？如果它不能自动消失，如果你将鼠标悬停在另一个点上，会发生什么。会出现两个工具提示吗？ – SteveP

我们的平台是iPad，我们需要单击一个点，获取工具提示，然后关闭它，如果在该工具提示中单击了特定的HTML节点。如果点击另一个点，则另一个工具提示必须弹出并且当前必须消失。如果在工具提示中单击“关闭”按钮，我想隐藏工具提示并停止事件传播以防止另一个工具提示被打开（以防万一点击发生在其他可点击区域上方）。 –

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

来源

2013-03-28 16:27:12

谢谢帕维尔，我应该听哪个事件，如果其目标是我想要的元素来阻止传播，以防止另一个工具提示？我已经尝试过图表的onclick，但是在处理完时，另一个工具提示已经打开。 –

我认为你可以用不同的方式实现这一点。如果应该显示工具提示，则添加标志。然后在'point.events.mouseover'中添加检查是否显示工具提示。（要显示工具提示，请使用'this.series.chart.tooltip.refresh（this.point）;'） –

可点击的HTML元素，关闭Highcharts工具提示

回答

相关问题