如何在d3图的x轴上绘制左右矩形滑块

Question

我想把2 rectangle sliders画在x-axis of d3 graph chart上。我的图表在这里https://jsfiddle.net/dibyendu/Lkdcw0em/4/现在2 rectangle sliders将放置在extreme left of x-axis和extreme right of x-axis。同时，当滑动rectangles的时候，它会重叠那个滑动的部分，使滑动的部分变得模糊。这是截图，和我想要画的一样

​

Answer 1

https://jsfiddle.net/dibyendu/60rrwb0n/修好了。最后一份工作副本在这里。

Drew 2 rectangles并实现了drag feature

Answer 2

我有一个简单的工作范围选择工具：

http://bl.ocks.org/paradite/71869a0f30592ade5246

您可以修改单击边框的行为，并将高度更改为固定值，以获得矩形滑块。