D3.js为什么有些矩形的笔划比其他矩形宽(在堆叠条形图中）

D3.js Why do some rectangles have wider strokes than others (in a stacked bar chart)?

本文关键字：条形图其他为什么 js D3 更新时间：2023-09-26

我开发了一个Marimekko图表，它还可以，只是一些矩形周围的线看起来是2px，而其余的是1px。是什么原因造成的？

矩形的宽度或位置存在舍入问题。

我记得D3最初遇到过这个问题。您必须将有问题的元素向左或向右移动0.5个像素。这为我解决了问题。我读了一篇文章，指出了这种方法的必要性，我只是不记得在哪里。

在css中的某个位置添加以下代码：

svg {
  shape-rendering: crispEdges;
}

很可能你将不再有你描述的问题。我不能保证，但机会很好。出于同样的原因，我将此代码用于所有包含svg矩形的图。