Javascript <；d3.js>；使用画笔功能绘制多条线时的问题

我正在尝试使用d3在一个图表中绘制几条线，并使用笔刷函数（）实现

下面部分代码将在右侧显示每行的名称

focudraw.select("text")
  .datum(function(d){
      return {name:d.name,value : d.values[d.values.length-1]};
  })
  .attr("transform",function(d){ 
      return "translate("+x(d.value.date)+","+y(d.value.price)+")"
    })
  .text(function(d){return d.name});

然而，如果我在移动contextdraw（在下面）时动态刷牙，文本的位置不会改变，我也不知道如何修改

我想我应该专注于FocusDraw。在笔刷函数中选择（“文本”），右键更改d.values的索引，我知道如何将newx.domain（）[1]映射到d.values的最后一个索引，但位置不太准确

function brush(){
x.domain(brush.empty() ? navx.domain() : brush.extent());

focudraw.select("path").attr("d",function(d){
  return line(d.values);    
});


focudraw.select("text")
  .datum(function(d){
      return {name:d.name,value : d.values[d.values.length-1]};
  })
  .attr("transform",function(d){ 
      return "translate("+x(d.value.date)+","+y(d.value.price)+")"
    })
  .text(function(d){return d.name});


focu.select(".x.axis").call(xAxis);

}