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

标签 javascript d3.js

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

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

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

最佳答案

为什么要使用 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

关于javascript - D3 v4 Multi line chart Brush 移动画笔时发出 NaN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49642696/

相关文章:

javascript - Backbone : 'keypress' event handler depends on div's tabindex?

javascript - D3 旋转地球仪 : trouble incorporating zoom function

javascript - D3 树方向

javascript - D3-多放射状进度图

javascript - 一页上有多个图表,D3.js 中出现比例错误

javascript - 如何让IntelliJ IDEA自动注入(inject) 'use strict';我创建的每个新 JavaScript 文件?

javascript - 事件监听器清除console.log

javascript - 将文件插入 Google Drive 的简单、无库的 Javascript 方法

javascript - 带有 JSON 数据的 D3 线,未渲染

javascript - 使用 d3.nest 实现 D3 树形图 json