当您放大和缩小d3地图时，如何查询数据集？

Question

1. 如何为d3地图添加交互性？
2. 我想在放大和缩小d3地图时添加查询数据集的功能。是否有回调或能使我这样做的事情？
   2.1我还希望在缩放到相当无缝后转换到新数据。

Answer 1

d3.behavior.zoom has 3 event handlers：

  

1。）zoomstart - 在缩放手势开始时（例如，touchstart）。

     

2。）缩放 - 当视图改变时（例如，touchmove）。

     

3。）zoomend - 在当前缩放手势的末尾（例如，touchend）。

所以，似乎你的情况符合zoomend scenerio：

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!!
}