禁用智能手机的缩放



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

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

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

解决方案在哪里:查看交互演示,我已经寻找过了,但什么也没找到!

任何建议?? 任何禁用缩放或单击事件或快速解决方案的更好选项都可以工作!!

谢谢!!

只是为了用一个例子来扩展@danvk的答案......

您需要为交互模型属性指定一个空对象。

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

在该线程上,Robert建议您从 http://dygraphs.com/tests/interaction.html 复制"无交互模型"图表的选项。

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

Dygraph.defaultInteractionModel.touchend = Dygraph.defaultInteractionModel.touchmove = Dygraph.defaultInteractionModel.touchstart = function() {};

最新更新