如何突出显示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（您现在拥有的）的值。