重构v5中的D3JS代码。16至v6。6.2，d3。事件破坏性变化

Question

新的d3和修复错误。我正在使用d3库处理一个js文件。以下代码行在v5.16中不会出错：

    let brush = d3.brushX()
        .extent([[0, 0], [width, height]])
        .on('brush', br)

    selectorG.append('g')
        .attr('class', 'brush')
        .call(brush)
        .call(brush.move, [132, 158]) // random #'s for this post

    function br(d) {
        let s = d3.event.selection || xScaleSelector.range()
        let extent = s.map(xScaleSelector.invert, xScaleSelector);
        let window = data.filter(d => d.date >= extent[0] && d.date <= extent[1])
        update(window)
    }

但是，当迁移到v6时。6.2及以上，我得到一个错误。我得到的错误是在线的：let s=d3。事件选择| | XScale选择器。range（）出现以下错误：未捕获类型错误：无法读取未定义的属性（读取“选择”）。

错误的起源，根据https://github.com/d3/d3/releases/tag/v6.0.0，v6.0.0已经删除了d3.event。（d3.event在v6中未定义）。有人能帮助建议我在迁移到

Answer 1

请尝试：

function br(d) {
    let s = d.selection || xScaleSelector.range()
    let extent = s.map(xScaleSelector.invert, xScaleSelector);
    let window = data.filter(d => d.date >= extent[0] && d.date <= extent[1])
    update(window)
}

根据迁移指南