我正在研究具有平移功能的基本线性图表。
我设法通过限制图表元素的拖动范围d3.event.translate values:
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 轴不是。关于如何解决轴问题有什么想法吗？
你已经非常接近了，但是你错过了更新的最后一步zoom更新后的平移坐标的行为。这将解决您的问题，因为两个轴都是使用zoom。确定后添加以下内容tx and ty:
zoom.translate([tx, ty]);
这会将限制应用于您的轴。请参阅此处更新的小提琴：http://jsfiddle.net/mdml/nZD3E/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
