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

Question

我想在2 rectangle sliders的{​​{1}}上绘制x-axis。 我的图表图表在https://jsfiddle.net/dibyendu/Lkdcw0em/4/ 现在，2 d3 graph chart将放置在rectangle sliders的{​​{1}}和extreme left x-axis。同时滑动extreme right时，它会与滑动部分重叠，使滑动部分变得模糊。这是类似于我想要绘制的截图

Answer 1

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

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

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

Answer 2

https://jsfiddle.net/dibyendu/60rrwb0n/修正了它。最终的工作副本在这里。

画了2 rectangles并实施了drag feature