Javascript d3堆叠条形图在绘制多个条形图时获得条纹

我已经构建了一个大约700条的堆叠条形图。一切都正常运转，但我对绘制图表时出现的条纹感到非常失望。下面是带有默认视图和缩放视图的屏幕截图

我怀疑条纹是从栏杆之间的衬垫上掉下来的。我已经修改了条的宽度，试图消除填充物，但条纹仍然存在。当前条形码的宽度代码如下所示：

.attr("width",((width-(padding+xPadding))/data.length)+0.01)

“+0.01”删除了填充，如果我将其进一步增加到1，则条纹消失。然而，现在钢筋明显地相互堆叠，这是我不想要的。我怀疑有一些快速修复（可能是css或其他琐碎的东西），但我自己找不到。那么，我该如何解决这个问题呢

提前谢谢

编辑1： 尝试按照评论中的建议使用缩放键，但对条纹没有影响。

编辑2： 添加了用于绘制矩形的相关代码。请注意，代码没有运行，代码段仅用于查看代码

d3.csv（“vis_temp.csv”），函数（d、i、列）{
对于（i=1，t=0；ivar xScale = d3.scale.ordinal()
        .domain(d3.range(dataset.length))
        .rangeBands([0, width], 'padding');