translate関数の問題がある

Question

私はcoordinatesXとcoordinatesY配列を持っています。 [4]、コードの一部が行く例えばIはcoordinatesX [1]とcoordinatesY間の弧を描きたい場合：

svg.append（ "パス"）

.attr("d", arc) 
    .attr("fill", "red") 
    .attr("transform", "translate(coordinatesX[1],coordinatesY[4])"); 

を私はこの問題を持っています翻訳機能付き。それは言う：

エラー：属性に無効な値が= "翻訳（coordinatesX [1]、coordinatesY [4]）"

どのように私はこの問題を克服することができます変換しますか？

ありがとうございます。

Answer 1

これは単一の文字列である必要があります。 Salvadorがコメントで指摘したように、あなたの例ではcoordinatesX[1]などを文字通り使用していました。しかし、連結した場合、JavaScriptは1つの文字列を作成します（文字列に数値を追加すると結果は文字列になります）。あなたのケース：

.attr("transform", "translate(" + coordinatesX[1] + "," + coordinatesY[4]) + ")");