Reactjs 一个页面上只有几个SVG中的第一个生成文本的奇怪错误

我有一个内置的React页面，可以在D3中生成几个绘图。然而，第一个情节中的标题文本看起来非常丑陋和扭曲。如图所示：

请注意，其他所有文本都非常好。此外，页面下方的绘图也非常精细。它只影响使用完全相同的代码生成的第一个绘图的标题。拿走波尔德也无济于事。以下是标题的代码：

svg.selectAll('text.title').data(blueCoords).enter().append('text')
            .attr('x', blueCoords[0] + 2 + gap / 2)
            .attr('y', plotDisplace)
            .attr('fill', 'black')
            .attr("font-family", '"Montserrat", "Helvetica", "Arial", sans-serif')
            .attr("font-weight","bold")
            .text(chunkTitle)

---

尝试

.attr（'stroke'，'none'）

无骰子：（同样的结果这里没有足够的代码来复制问题，因此很难回答-但这种视觉效果通常是由于在现有文本上重新添加文本。检查页面并查看是否有许多文本元素重叠会证实这一点。共享其他代码可能会给出具体的答案（您可以去除轴、条形和比例代码以保持简洁）。如果您将有问题的SVG（或其相关部分）复制到您的问题中，这将非常有用。请确保您发布的内容再现了问题。