Избегайте срезания оси при чистке

Хорошо, у меня есть этот очищенный код в 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 не пересекалась синей линией, когда я чищу. Кто-то знает, как это решить?

Большое спасибо


javascript d3.js brush
person Juan Odriozola    schedule 11.09.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы пропустили применение clip-path к вашему линейному пути:

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

Обновлен пример.

person Mark    schedule 11.09.2015