javascript - 从其余代码中分离出 d3 转换

Question

我是 java 脚本和 d3 的新手，我正试图让我的头脑开始过渡。谁能解释为什么最后一段代码（如下）不起作用？也就是说，当我将 .transition 语句与原始 svg 绑定时，调用行转换很好。但是，当我将 yaxis 名称从“price($)”分别转换为“New Price($)”时，什么也没有发生。

我问的原因是我也想分离线路径的转换调用，但如果我不能让轴名称工作，我认为我对路径转换工作没有太大希望。

 svg.append("g")
  .attr("class", "y axis")
  .call(yAxis)
  .append("text")
  .attr("transform", "rotate(-90)")
  .attr("y", 6)
  .attr("dy", ".71em")
  .style("text-anchor", "end")
  .text("Price ($)");

 svg.append("path")
  .datum(data)
  .attr("class", "line")
  .attr("d", line)
  .transition()
  .duration(1000)
  .attr("d",line2);

 svg.append("g")
  .transition()
  .duraction(1000)
  .text("New Price ($)");