我正在建立一个使用highcharts的网站。当我在移动设备上查看该网站时,触摸图形区域会弹出工具提示,这会阻止滚动。我已按照其他SO问题的建议尝试了以下所有方法,但没有成功:
$('#graph-container').click(function() { return false; });
$('#graph-container').children().click(function() { return false; });
chart.container.onclick = null;
plotOptions: {
series: {
enableMouseTracking: false // (stops tooltip but still blocks scrolling)
}
}
现在我添加了第二个div来覆盖移动设备上的图形,因此用户触摸div而不是图形,但这更像是一种解决方法而不是解决方案。我还尝试使用Chrome控制台中的$('svg')。off()等内容从图形的每个元素中删除所有侦听器,而图形的行为没有任何明显的变化。有没有办法做到这一点,我错过了?
答案 0 :(得分:1)
Highcharts JS v2.3.5(2012-12-19)
Little HACK:
编辑行:9026:this.setDOMEvents();
into:// this.setDOMEvents();
或删除它。
我希望它有所帮助!
答案 1 :(得分:0)
在这里你可以找到简单的Gist。
此外,在即将到来的Highcharts 3.0中,应该升级触摸事件并修复类似的问题。请参阅路线图:http://www.highcharts.com/support/roadmap