javascript - d3トランジションを残りのコードから分離する

Question

私はJavaスクリプトとd3に不慣れで、移行に頭を悩ませようとしています。コードの最後のセグメント（以下）が機能しない理由を誰かが説明できますか？つまり、.transitionステートメントを元のsvg呼び出しと結び付けると、行は正常に遷移します。しかし、yaxisの名前を「price（$）」から「NewPrice（$）」に個別に移行しても、何も起こりません。

私が尋ねる理由は、ラインパスのトランジション呼び出しも分離したいのですが、軸名を機能させることができない場合、パストランジションが機能することはあまり期待できないと思います。

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