amcharts,仅在缩小时禁用平移
amcharts, disable panning only when zoomed out
如何仅在 AmCharts 地图完全缩小时禁用平移(拖动)。
我尝试使用 chart.seriesContainer.draggable = false;
但它完全禁用了平移,但我希望在放大时能够拖动地图。
您可以 adjust map interaction behavior via the MapChart.panBehavior
property 并监视 zoomLevel
何时通过 "zoomlevelchanged"
事件更改,例如:
chart.panBehavior = "none";
chart.events.on("zoomlevelchanged", function(){
// queue event loop so a final zoomlevelchanged can be "cauight"
setTimeout(
function() {
if (chart.zoomLevel <= 1) {
chart.panBehavior = "none";
} else if (chart.zoomLevel > 1) {
chart.panBehavior = "move";
}
}, 0);
});
这是一个演示:
https://codepen.io/team/amcharts/pen/8d767bd62c8cb238ecb633e2123317ed
如何仅在 AmCharts 地图完全缩小时禁用平移(拖动)。
我尝试使用 chart.seriesContainer.draggable = false;
但它完全禁用了平移,但我希望在放大时能够拖动地图。
您可以 adjust map interaction behavior via the MapChart.panBehavior
property 并监视 zoomLevel
何时通过 "zoomlevelchanged"
事件更改,例如:
chart.panBehavior = "none";
chart.events.on("zoomlevelchanged", function(){
// queue event loop so a final zoomlevelchanged can be "cauight"
setTimeout(
function() {
if (chart.zoomLevel <= 1) {
chart.panBehavior = "none";
} else if (chart.zoomLevel > 1) {
chart.panBehavior = "move";
}
}, 0);
});
这是一个演示:
https://codepen.io/team/amcharts/pen/8d767bd62c8cb238ecb633e2123317ed