线图的画笔和上下文

Question

我正在使用画笔和上下文处理折线图，请参阅this link 了解我目前的情况。刷光效果只出现在刻度上，而不是折线图上。我无法弄清楚如何更改brushed() 函数，以便折线图也出现刷亮。

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

Answer 1

我需要重写刷过的函数来更新折线图。

  function brushed(){
        console.log("brush called");
        x.domain(brush.empty() ? x1.domain() : brush.extent());
        **focus.selectAll(".line").attr("d", function(d) { return line(d.values); })**
        focus.select(".x.axis").call(xAxis);
    }

updated plnkr link