禁用智能手机的缩放功能

时间:2012-07-06 08:37:26

标签: html zoom dygraphs

我在我的网页上使用了dygraph的最新版本,我上周更新了它,并且在计算机上看起来很棒,而且在平板电脑中但是我遇到了智能手机的一些问题。当您单击屏幕中的任何位置时,图表会执行有线操作。作为一个快速解决方案,我认为我可以禁用缩放事件或点击事件,同时我有时间查看它并找到更好的解决方案。

我做了一项研究,但我发现的一切都是这样的:

https://groups.google.com/forum/?fromgroups#!topic/dygraphs-users/XqeoS3UAIQk

解决方案的位置是:查看交互演示,我已经找到了,但我找不到任何东西!

有什么建议吗?任何禁用缩放或点击事件或更快的解决方案的选项都可以使用!!

非常感谢!!

2 个答案:

答案 0 :(得分:3)

只是通过一个例子展开@ danvk的答案......

您需要为interactionModel属性指定一个空对象。

var mygraph = new Dygraph(
    document.getElementById('nameofdiv'),
    stringofdata,
    { interactionModel:{}, otheroption:whatever }
);

答案 1 :(得分:2)

在该主题上,Robert建议您复制http://dygraphs.com/tests/interaction.html中“无交互模型”图表的选项。

dygraphs处理触摸界面的方式目前有些笨拙。要禁用它,您可以在实例化dygraph之前尝试放置此代码:

Dygraph.Interaction.endTouch = Dygraph.Interaction.moveTouch = Dygraph.Interaction.startTouch = function() {};