原谅这个问题的新手性质(和代码片段)。
我想设置画笔的范围。首先,我最好确保我对"范围"的定义。是正确的。
似乎在大多数画笔示例(例如:http://bl.ocks.org/mbostock/6232620)中,当用户最初出现画笔时 - 未选择区域。
我想设置一个初始区域...以便用户可以看到选择。
我认为这个选定的区域被称为"范围"。
我已按如下方式定义了我的画笔:
var the_brush = d3.brushX().extent([[0, 0], [width, height]]).handleSize(50).on("brush", brushed);
然后使用以下命令将其附加到svg元素:
svg.append("g").attr("class", "brush").call(the_brush);
高度和宽度最初分别定义为50和880.
然后我想我应该可以在Chrome控制台中进行试验,重新定义范围,以便显示阴影区域。
我使用此命令(在Chrome控制台中):
the_brush.extent([200, 0], [500, 50])
但是返回了一个函数。
嗯,我明显错过了一些非常基本的东西......通过什么......?
我希望从我的问题中清楚地看出......我的实际目标。也就是说,当用户首次打开页面时,他会看到已经选择了部分的画笔小部件。
代码here
有一个hacky(但正在工作)的副本我的问题类似于上一个问题here
但我不认为之前的解决方案适用于D3版本4。
感谢。