javascript - d3.js:平移限制

Question

我正在制作具有平移功能的基本线性图表。

我设法通过限制 d3.event.translate 值来限制图表元素的拖动范围:

var tx = Math.max(0, d3.event.translate[0]),
    ty = Math.min(0, d3.event.translate[1]);

我现在需要做的就是相应地限制 x 轴和 y 轴。看例子: http://jsfiddle.net/Q2SWV/

向下或向左拖动时，图表上的条形限制为 0。 x 和 y 轴不是。关于如何解决轴问题的任何想法？

Answer 1

您已经非常接近了，但是您错过了使用更新后的平移坐标更新 zoom 行为的最后一步。这将解决您的问题，因为两个轴都使用 zoom 更新。在确定tx 和ty 后在右侧添加:

zoom.translate([tx, ty]);

这会将限制应用于您的轴。在此处查看更新的 fiddle :http://jsfiddle.net/mdml/nZD3E/ .