javascript - D3 v4 Multi line chart Brush 移动画笔时发出 NaN

Question

我一直在研究带画笔轴的 D3 v4 多线。该图正确绘制了多条线，但是当我尝试移动画笔时，D3 向我抛出一个 NaN 错误。

附件是 blockbuilder.org 中的以下链接:

http://blockbuilder.org/mhaneef50673/0b7304759ccbc1e3ba8cf4aa58e56695

Answer 1

为什么要使用 brush.extent() 作为 getter？您必须改为使用 d3.event.selection 更改秤的域，如下所示:

xFocus.domain(d3.event.selection === null ? xContext.domain() : 
    d3.event.selection.map(xContext.invert, xContext));

此外，您必须将 d.values 传递给直线生成器，而不仅仅是 d。

这是您更新的 bl.ocks:https://bl.ocks.org/GerardoFurtado/cb7048512af17ed3683e79637eee40d7/9d8d7945bbcb39dabb568dd68247316d2ace5ac3