我开发了一个关于流行病的游戏和互动学习工具。它是用D3js的力有向图布局实现的。
在开发过程中,我并没有想到移动用户会有多大的热情。事后看来,这是一个明显的错误估计。
是否有办法增加移动用户的“可接受点击”的范围?或者,在检测到用户在移动平台上之后,我会继续增加节点大小吗?
示例:http://vax.herokuapp.com
发布于 2014-01-14 21:46:23
您可以将节点放入更大的透明圆圈,以响应单击/点击。如果将两个圆圈放入同一个g
元素中并将数据绑定到该元素中,则额外的代码将是最小的。
var gs = d3.selectAll("g").data(data).enter();
gs.append("circle").attr("cx", ...).attr("r", 5);
gs.append("circle").attr("cx", ...).attr("r", 40).attr("opacity", 0)
.on("click", function() { ... });
发布于 2013-10-19 21:57:11
您应该使您的绘图响应移动布局。一个简单的方法是调整viewbox的大小:
Whats the best way to make a d3.js visualisation layout responsive?
https://stackoverflow.com/questions/19460542
复制相似问题