我想绘制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
时,它将重叠该滑动部分,使滑动部分模糊。这是类似于我想截图绘制如何在d3曲线图的x轴上绘制左右矩形滑块
0
A
回答
0
https://jsfiddle.net/dibyendu/60rrwb0n/修正了它。最终的工作副本在这里。
德鲁2 rectangles
并实施了drag feature
0
我有一个简单的工作范围选择工具:
http://bl.ocks.org/paradite/71869a0f30592ade5246
您可以修改边框上的点击的行为,将高度更改为固定值以获取您的矩形滑块。
+0
感谢您的回复@paradite。我已经建立了像这样的https://jsfiddle.net/dibyendu/erg8jypp/更接近我的要求。 – curiousguy
+0
https://jsfiddle.net/dibyendu/Lkdcw0em/5/ @paradite这里是我最后修改的工作副本。但是当我尝试在单个页面中绘制多个图表时,我无法使其工作。 – curiousguy
相关问题
- 1. 绘制左轴上的线图超过右轴上的条形图
- 2. 如何绘制X轴,Y轴线图?
- 3. D3条形图左对齐x轴
- 4. Excel:在x轴上绘制图形
- 5. 绘图曲线在X轴下 - 修复?
- 6. 如何绘制平滑/圆形/曲线线图? (C#)
- 7. d3 v4如何在x缩放线图上限制左/右平移
- 8. D3只有一个Y轴在右侧绘制折线图
- 9. Javascript - 绘制曲线矩形的函数
- 10. ZedGraph x轴图形上的矩形顶
- 11. 如何在codenameone中获取x轴和y轴上的滑块线图表
- 12. 如何制作左右活动滑块?
- 13. 如何在d3的水平条形图上的x轴上添加一条线
- 14. C图形:如何在屏幕上绘制x-y轴?
- 15. 如何在底图上绘制矩形
- 16. 如何绘制可由滑块控制的动态曲线
- 17. 如何在d3中绘制镜像的x轴(反转)条形图?
- 18. 右边的绘制矩形
- 19. 在图框上绘制矩形 - 如何限制矩形区域?
- 20. 如何在条形图上绘制轴之间的虚线android
- 21. ios绘制右上角的矩形
- 22. d3.js堆叠条形图不能沿x轴绘制?
- 23. 在x轴上绘制多条线Highcharts
- 24. 在Java图形中绘制平滑曲线
- 25. 试图在我的线图的x轴上绘制时间?
- 26. 绘制矩形视图与曲线底部在Android中
- 27. 绘制平滑曲线
- 28. 在矩形边上绘制相交线,绘制其中的线
- 29. Gnu plot:如何在非矩形的域上绘制2D曲面?
- 30. 在Matlab中,如何绘制曲线到特定x轴位置的线?
最后在这里https://jsfiddle.net/dibyendu/Lkdcw0em/5/固定它。但有一些艰难的时间在一个页面中制作多个类似的图表。对于单图图表工作正常。任何帮助赞赏 – curiousguy