附加 svg 解决了这个问题
Appending svg solved the issue
在我的 d3 图中，这是代码和渲染图。
如您所见，线条进入 y 轴。我正在寻找一个解决方案，偶然我附加了一个 svg 使代码看起来像这样：
现在线条不与 y 轴重叠。为什么会这样？
注意：我更改了附加 svg 的宽度，但盒子仍然非常适合。
您的路径从 -25.334... 的 x 位置开始，而不是 0，因此如果将它们水平平移 30，它们将从 4.666... 开始，与您的轴重叠。如果将它们放在内部 svg 元素中，它们将在 svg 元素的边界处被剪裁并从 30（翻译后）开始。
您可以通过设置 overflow 属性来禁用剪裁：<svg width="1096" height="160" overflow="visible">.
在我的 d3 图中，这是代码和渲染图。
如您所见，线条进入 y 轴。我正在寻找一个解决方案，偶然我附加了一个 svg 使代码看起来像这样：
现在线条不与 y 轴重叠。为什么会这样？
注意：我更改了附加 svg 的宽度，但盒子仍然非常适合。
您的路径从 -25.334... 的 x 位置开始，而不是 0，因此如果将它们水平平移 30，它们将从 4.666... 开始，与您的轴重叠。如果将它们放在内部 svg 元素中，它们将在 svg 元素的边界处被剪裁并从 30（翻译后）开始。
您可以通过设置 overflow 属性来禁用剪裁：<svg width="1096" height="160" overflow="visible">.