如何突出显示d3 js中矩形之间的重叠

Question

我使用https://github.com/dk8996/Gantt-Chart实施了甘特图。我有数据，其中我有矩形冲突，例如。一项任务是从12:00到14:00，另一项是13:00到15:00。

我想强调这个冲突，我尝试使用这个链接（http://bl.ocks.org/mbostock/3231298），但它是关于避免碰撞，因为我想用罢工显示它们。

如何突出显示与任何纹理的碰撞？

Answer 1

你解决了这个问题吗？我简单但很好的解决方案可能是使用不透明度。您可以使用

在css中执行此操作

.bar {
    fill-opacity:0.5;
}

这将使您的酒吧颜色变浅，当它们重叠时，该区域将变暗。您可以尝试从0开始的值（透视）-1（您现在拥有的）。