如何在d3曲線圖的x軸上繪製左右矩形滑塊

Question

我想繪製2 rectangle sliders而不是d3 graph chart的x-axis。 我的曲線圖是https://jsfiddle.net/dibyendu/Lkdcw0em/4/ 現在2 rectangle sliders將被放置在x-axis的extreme left和x-axis的extreme right。同時滑動rectangles時，它將重疊該滑動部分，使滑動部分模糊。這是類似於我想截圖繪製

Answer 1

https://jsfiddle.net/dibyendu/60rrwb0n/修正了它。最終的工作副本在這裏。

德魯2 rectangles並實施了drag feature

Answer 2

我有一個簡單的工作範圍選擇工具：

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

您可以修改邊框上的點擊的行爲，將高度更改爲固定值以獲取您的矩形滑塊。