javascript - 条形图中的条形被弄脏在一起

Question

我正在尝试在 d3 中制作条形图，但是当我在 Chrome 中查看它们时，我的条形图会被弄得一团糟。（它们在 Firefox 或 Safari 中看起来不错。）

例如，它们看起来像这样：

当酒吧之间真的应该有一些空白时。

奇怪的是，我什至在官方 d3 教程中也看到了这一点，但仅在某些条形图上——该页面上的第一个和第四个条形图具有正确的间距量，但第二个和第三个条形图像图表一样被弄脏以上。

对此有什么解决方法，以便条形图在 Chrome 中正确显示？该页面上的第一个和第四个条形图有什么特别之处？

Answer 1

使用基于浏览器的缩放时可能会发生这种情况，因为缩小时单个像素间隙可能会塌陷。

在 Chrome 中，您需要选择“查看 → 实际大小”或按 Ctrl/⌘-0，这应该可以修复它。