避免轴刷牙时被切割

Question

确定我已经这个刷代码D3

function brushed() { 
    x.domain(brush.empty() ? x2.domain() : brush.extent()); 
    focus.select(".line").attr("d", line); 
    focus.select(".x.axis").call(xAxis);} 

http://plnkr.co/edit/DtvCerKdeDs9jklZo5QY?p=preview

是基于这个涂刷示例

http://bl.ocks.org/mbostock/1667367

相反的区域的余画一条线。我的问题是，我想避免当我刷的时候，Y轴被蓝线切断。 有人知道如何解决这个问题？

非常感谢

Answer 1

你错过了申请剪辑路径到您的线路路径：

.line { 
    fill: none; 
    stroke: steelblue; 
    stroke-width: 1 px; 
    stroke-opacity: 0.8; 
    clip-path: url(#clip); //<-- Apply clip-path to path 
} 

更新example。