Javascript 条形图中的条形图被弄脏了

我试图在d3中制作条形图，但当我在Chrome中看到它们时，我的条形图会被弄脏。（它们在Firefox或Safari中看起来不错。）

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

当条之间真的应该有一些空白的时候

奇怪的是，我甚至看到了这一点，但只是在一些条形图上——该页面上的第一个和第四个条形图具有正确的间距，但是第二个和第三个条形图像上面的图表一样被弄脏了

---

有什么办法可以修复这个问题，使条形图在Chrome中正确显示？该页面上的第一个和第四个条形图有什么特别之处？

当使用基于浏览器的缩放时，可能会出现这种情况，因为缩小时单个像素间隙可能会缩小

---

在Chrome中，您需要选择“查看”→ “实际大小”或按Ctrl键/⌘-0，这将解决此问题。

是否使用基于浏览器的缩放？我无法准确地再现，尽管如果我足够缩小，某些图表上的间距确实会消失。确认-缩小会导致“弄脏”。点击chrome中的

ctrl+0

，进入默认的缩放级别，看看这些条是否仍然被弄脏。啊，哦，就是这样，谢谢！没想到我被放大了：）太好了！添加为“官方”答案，便于他人查找。