Javascript d3.js基于笔刷选择更新时域

我试图根据二次图上的“画笔”坐标更新折线图的时域（x轴）

这里是小提琴代码-

因为上面的代码（在fiddle页面的末尾）有错误，在更新（移动画笔）主图形时，它会删除x轴和折线图

---

代码基于，但有一个很大的区别，我的数据集是一个数组，在示例中，它是一个csv文件。

在

d3

Version4中，

d3.extent

以同样的方式（您不能使用它来获取刷过的范围）。改为进入

d3.event.selection

。因此，请尝试：

var s = d3.event.selection;
xScale.domain([navXScale.invert(s[0]), navXScale.invert(s[1])]);

修复后，还需要在绘图中引入剪辑路径

更新

var s = d3.event.selection;
xScale.domain([navXScale.invert(s[0]), navXScale.invert(s[1])]);