обновление clipPath рядом с динамическим yaxis в d3js

Question

Я сделал this(SOLVED) диаграмму, и я не могу понять, как обновить clipPath. Я закомментирована

y.domain(d3.extent(data, function(d) { return d[city]; })); 

в функции изменения, поскольку он не обновит clipPath наряду с YAxis, я пытался присвоить класс к clipPath и обновить у и высота атрибут в изменении но ничего не работает.

Был бы очень признателен, если кто-нибудь знает, что я делаю неправильно, или почему обновление ClipPath невозможно.

Answer 1

Вы устанавливаете новый домен, но вы также должны обновить эти вещи, основанные на домене (как клип-трактов и y0 района):

y.domain(d3.extent(data, function(d) { return d[city]; })); // fix clipPath 

svg.select('#clip-below>rect') 
    .attr("y", y(1)) 
    .attr("height", height - y(1)); 
svg.select('#clip-above>rect') 
    .attr("height", y(1)); 
area.y0(y(1)); 

Вот обновленный bl.ocks.