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