React Victory 图表显示直线的不同线长
React Victory chart displays different line lengths for straight lines
我正在使用 the Victory library 在 React 中绘制折线图，但它似乎根据线条是直线还是倾斜来绘制不同宽度的线条。
它绘制的线条的屏幕截图：
在屏幕截图中，点是使用 VictoryScatter 绘制的，线是使用 VictoryLine 绘制的。我注意到 VictoryLine 使用 path 绘制，所以这是 SVG 的 path 绘制这样的限制吗？因为这对我来说很奇怪！
发生这种情况是因为 SVG 组件的顺序或渲染。顶部和底部的那些看起来更薄，因为它们呈现在 后面 轴（这是解释 here）
我不确定为什么，但更改顺序对我不起作用，所以我不得不使用 VictoryPortal 将我的组件放在前面。
我正在使用 the Victory library 在 React 中绘制折线图，但它似乎根据线条是直线还是倾斜来绘制不同宽度的线条。
它绘制的线条的屏幕截图：
在屏幕截图中，点是使用 VictoryScatter 绘制的，线是使用 VictoryLine 绘制的。我注意到 VictoryLine 使用 path 绘制，所以这是 SVG 的 path 绘制这样的限制吗？因为这对我来说很奇怪！
发生这种情况是因为 SVG 组件的顺序或渲染。顶部和底部的那些看起来更薄，因为它们呈现在 后面 轴（这是解释 here）
我不确定为什么，但更改顺序对我不起作用，所以我不得不使用 VictoryPortal 将我的组件放在前面。