刷子导致多行，网格图表的问题

Question

我的目标是使用带有画笔的多线图表，并且垂直网格线遵循更改的刻度线。我差不多想去，但我身边还有一些荆棘。请看我的jsFiddle：

http://jsfiddle.net/U4CGz/3/

现在我可以得到它<或者

• x轴刻度正确变化，线条消失，网格线不表现，y轴消失

或

• x轴刻度不会改变，线条正常工作，网格线不会改变

您可以在我的代码底部切换这两种行为：

function brushed() {
    x_main.domain(brush.empty() ? x_mini.domain() : brush.extent());

    // alternate between these two
    main.selectAll('path').attr('d', line);
    // main.selectAll('path').attr('d', function(d) { return line(d.values); });

    main.select('.x.axis').call(xAxis);
    update_vgrid(x_main);
}

以前是否还有其他人处理过这些事情？谢谢