为d3时间线图表添加自动刷

Adding an auto brush to the d3 timeline chart

我正在制作 d3 时间线图表——但在加载时——我希望自动部署画笔——在一组特定的 in/out 日期上选择 fine-tuning

https://jsfiddle.net/nu1z4d3r/

https://jsfiddle.net/2y8gkas3/8/ -- 最新例子 --

我试过将 --draw brush 逻辑添加到代码库的底部 https://bl.ocks.org/micahstubbs/3cda05ca68cba260cb81

使用画笔 -- 我必须进行一些修改

https://jsfiddle.net/m6ueL79o/3/

在调用画笔的地方——我们将一个变量附加到人工制品。我们用 "brush.move, x1.range()" 进行第二次调用——这会加载洗涤器

  var brush = d3.brushX()
  .extent([[0, 0], [w, miniHeight]])
  .on("brush", brushed);

  var gBrush = mini.append("g")
    .attr("class", "x brush")
    .call(brush)  
    .call(brush.move, x1.range());

否则——首先只加载图表——没有.call(brush.move...并在底部添加"drawBrush(timeBegin, timeEnd);"