d3.js - 缩放时更新多个画笔

Question

这里是 D3 的新手。我正在尝试将画笔和缩放（ex1）与多个画笔（ex2）结合起来。这个想法是，用户将能够在 Ex1 的焦点图表上创建多个画笔，以对数据进行注释。我能够做到这一点。zoomed但是，在 ex2 的功能上使用它进行缩放后，我只能更新图表上的一个（第一个）注释画笔位置：

.select("#brush-0").call(brushes[0].brush.move, lastSelection.map(t.applyX, t));

t缩放变换在哪里，并且lastSelection是从创建的最后一个画笔中选择的。我知道，这很 hacky，但至少表现得像预期的那样。我希望能够以可以从函数brushes调用的方式在缩放和平移后更新存储在数组中的所有画笔。zoomed帮助！

编辑：我在这里用我的（有缺陷的）解决方案尝试重新创建了这个问题：jsfiddle.net/0pk8wce9/1

标签： d3.jszoomingbrush