Javascript d3 v4笔刷范围错误：<；rect>；属性x：预期长度；“南”；

我试图遵循以下示例：

我认为问题在于设置了

brushX

的范围，接下来是rect覆盖和选择的错误

这是我的代码，几乎是从示例中复制的：

var brush = d3.brushX()
                .extent([0,0],[brushChart.width,brushChart.height])
                .on("brush end",brushed);
context = svg.append("g")
                    .attr("class", "context")
                    .attr("transform", "translate(" + brushMargin.left + "," + brushMargin.top + ")");
context.append("g")
                    .attr("class", "brush")
                    .call(brush) //this throws errors

错误出现在“调用（刷子）”行：

---

我已尝试选择rect并添加如中所示的值。

画笔的初始化包含错误。调用时，需要指定点数组，即数组数组（嵌套数组）：

画笔。范围（[extent]）

如果指定了范围，则将可刷范围设置为指定的点阵列[[x0，y0]，[x1，y1]]

因此，你的初始化成为

var brush = d3.brushX()
                .extent([[0,0],[brushChart.width,brushChart.height]]) // [[x0,y0], [x1,y1]]
                .on("brush end",brushed);

---

如何计算

brushChart.width

和height？也许您可以提供一个jsfiddle或一个plunkr？我在一个变量中设置它：var brushChart={width:500，height:500}；我会尽快提供一个jsfiddle。

NaN

在

parseInt（）

或

parseFloa（）时以javascript返回t

被调用，但它无法将字符串转换为数字。您的错误基本上是：嘿，我需要一个数字（

长度

）但是得到了

NaN

所以在计算

长度的地方你一定传递了一个无效的字符串，不能被解析成一个数字。是的，这就是问题所在，altocumulus发现了我的错误。非常感谢，难以置信，我错过了示例和文档中的两个内容。有时不进行复制和粘贴没有帮助。.:)