设置D3画笔范围(d3版本4)

时间:2016-10-10 01:50:54

标签: d3.js brush

原谅这个问题的新手性质(和代码片段)。

我想设置画笔的范围。首先,我最好确保我对"范围"的定义。是正确的。

似乎在大多数画笔示例(例如: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。

感谢。

0 个答案:

没有答案