Angularjs d3js angular指令：通过url应用过滤器时svg元素呈现不正确

我正在构建一个封装自定义d3图表的指令。

我对d3还不太熟悉，但我仍然对它抱着浓厚的兴趣

背景： 该指令的实例化如下所示：

<d3-bookings2 data="events" stacked="true"></d3-bookings2>

---

任何建议都将不胜感激

这个问题解决了我的问题。我通过实例化多个图在dom中创建了多个#drop shadow id。我的工作是在每个图实例中附加一个唯一的键

var slot = svg.selectAll('rect');
slot
    .attr("width", function (d, i) {
        return (xScale(d.end) - xScale(d.start));
    })
    .attr("height", scaledItemHeight)
    .attr("x", function (d, i) {
        return getXPos(d);
    })
    .attr("y", function (d, i) {
        if (scope.stacked) {
            return getStackPosition(yAxisMapping[d.venueName]);
        } else {
            return getStackPosition(0);
        }
    })
    .style("fill", function (d, i) {
        return colours[d.state];
    })
    .style("filter", "url(#drop-shadow)")
    ;