javascript - 使用 D3 样条线时如何阻止图形被裁剪?

标签 javascript d3.js crop spline

我们的 UI 使用 D3,当应用样条曲线来平滑数据时,我们遇到了一些裁剪或越界问题,如下所示:

样条线在图表顶部被裁剪 Spline is cropped at top of graph 样条线位于 x 轴下方 Spline goes below x-axis

如有任何建议,我们将不胜感激。

最佳答案

在每组路径上使用 .getBoundingClientRect() 来获取极限顶部和底部边界,然后相应地调整轴范围或图表的可见边距

关于javascript - 使用 D3 样条线时如何阻止图形被裁剪?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36098539/

相关文章:

imagemagick - 如何使用 ImageMagick 裁剪 gif 动画?

iphone - 在 iOS 应用中裁剪图像

javascript - ".el"与 JavaScript/HTML/jQuery 的关系是什么?

javascript - 我真的必须为这个递归函数使用全局变量吗?

css - 如何修改c3.js图例的文字颜色

javascript - Google map 中 SVG 层的自定义鼠标交互

pdf - 如何使用 Ghostscript 裁剪 pdf(无需手动输入边界框)

javascript - typescript 定义 : same name but different types inside and outside module?

javascript - 在悬停时显示 MySQL 数据

d3.js - 如何停止 d3 力图布局模拟?