我希望从 d3v3 迁移到 d3v4。
特别是我在迁移画笔时遇到困难。
有人可以查看下面的链接并让我知道更改吗?http://bl.ocks.org/zanarmstrong/ddff7cd0b1220bc68a58
我发现了一些变化:
d3.time.format -> d3.timeFormat
d3.time.scale -> d3.scaleTime
迁移中面临的问题:
d3.svg.brush -> d3.brushX
感谢和问候,
Naishav
迁移快速指南d3-brush
从 D3 v3 到 D3 v4(以 BrushX 为例)
- Replace
d3.svg.brush()
with d3.brushX()
.
- Rename
brushstart
事件至start
, brushend
to end
.
- 不要将规模传递给
.x(xScale)
,现在缺少这个方法。将画笔边框传递为.extent([[xScale.range()[0], 0], [xScale.range()[1], brushHeight]])
.
- 在事件处理程序中,您可以选择如下
d3.event.selection
,为了获取选定的值,请使用d3.event.selection.map(xScale.invert)
.
- 要设置选择,请执行以下操作:
.move(brushContainer, selectedDomain.map(xScale))
。要清除选择,请执行以下操作.move(brushContainer, null)
。请注意,这将触发事件处理程序。
-
.empty()
现在缺少方法,请使用d3.event.selection === null
.
- 更新你的CSS,
.extent
is now .selection
, .resize
is .handle
并成为一个rect
代替g
含有rect
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)