将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 ($)");