2016-04-21 68 views
0

我想绘制2 rectangle sliders而不是d3 graph chartx-axis。 我的曲线图是https://jsfiddle.net/dibyendu/Lkdcw0em/4/ 现在2 rectangle sliders将被放置在x-axisextreme leftx-axisextreme right。同时滑动rectangles时,它将重叠该滑动部分,使滑动部分模糊。这是类似于我想截图绘制如何在d3曲线图的x轴上绘制左右矩形滑块

enter image description here

+0

最后在这里https://jsfiddle.net/dibyendu/Lkdcw0em/5/固定它。但有一些艰难的时间在一个页面中制作多个类似的图表。对于单图图表工作正常。任何帮助赞赏 – curiousguy

回答

0

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

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

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

+0

感谢您的回复@paradite。我已经建立了像这样的https://jsfiddle.net/dibyendu/erg8jypp/更接近我的要求。 – curiousguy

+0

https://jsfiddle.net/dibyendu/Lkdcw0em/5/ @paradite这里是我最后修改的工作副本。但是当我尝试在单个页面中绘制多个图表时,我无法使其工作。 – curiousguy