Зачем нужно разделять последовательность методов?

Question

Я реализую реактивную линейную диаграмму в meteor.js на основе this example line chart. В коде, который я снял для этой диаграммы, у меня есть следующий блок, который отлично работает.

var paths = svg.selectAll("path.line") 
    .data([dataset]); 

paths 
    .enter() 
    .append("path") 
    .attr("class", "line") 
    .attr('d', line); 

paths 
    .attr('d', line); 

paths 
    .exit() 
    .remove(); 

Однако, когда я пытаюсь написать что-то вроде следующего, оси все еще отображаются, но путь не отображается. Почему это может быть так?

var paths = svg.selectAll("path.line") 
     .data([dataset]) 
    .enter() 
     .append("path") 
     .attr("class", "line") 
     .attr('d', line) 
    .exit() 
     .remove(); 

Answer 1

Это потому, что вы вызываете функции на разных объектах. D3 возвращает обновление, ввод и выход из вызовов на .data() - это то, что вы храните в paths в первом блоке кода. Затем вы получаете ввод, обновление и выход из них и обрабатываете их.

Во втором блоке кода вы вызываете .enter(), после чего вы обрабатываете ввод. То есть весь код после .enter() применяется к выбору ввода, а не к другим выборам, а также до.

Так .exit().remove() вызывается на вновь прилагаемыми path элементов (которые должны дать вам ошибку) вместо возвращаемого значения .data() как в первом блоке кода.