0
- 如何为d3地图添加交互性?
- 我想添加功能来查看我的数据集,当你放大和缩小d3地图。有没有回调或什么可以让我做到这一点?
2.1我也希望在缩放到相当无缝时转换到显示的新数据。
d3.behavior.zoom has 3 event handlers:
1)zoomstart - 在变焦手势(例如,touchstart)的开始。
2.)zoom - 当视图改变时(例如touchmove)。
3.)zoomend - 在当前缩放手势(例如touchend)的末尾。
所以,这似乎是您的情况符合zoomend之情况:
var zoom = d3.behavior.zoom()
.on("zoom", zoomed)
.on("zoomend", zoomend);
function zoomed() {
features.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}
function zoomend(){
// query dataset and do awesome stuff!!
}
通常使用相同的事件,您使用,使HTML互动,点击,悬停等 – dandavis
你喜欢这例? http://bl.ocks.org/mbostock/4132797我敢肯定,你可以为贴图“关闭”的图块制作自定义加载函数,以便查询数据库。 – tarulen