D3轉換價值

Question

我現在正在D3項目上，下面的代碼可以工作，但我不明白為什么。

在平移（移動）面積圖的Y比例尺的位置時（在此示例中，這是我在代碼的最后一行中調用的yAxis變量），我應該輸入由兩個“ +”括起來的transform屬性的值”圖標。 為什么此值用引號引起來，+圖標的作用是什么？ 如果有人可以破壞代碼的最后一行，那將非常有幫助。

var margin = {left: 50, right: 50, top: 40, bottom: 0};

var yScale = d3.scaleLinear()
.domain([0, 229])
.range([height, 0]);

var yAxis = d3.axisLeft(yScale);

svg.append("g").attr("class", "axis y").call(yAxis)
.attr("transform","translate("+margin.left+",200)").call(yAxis);

Answer 1

+是字符串連接*。 在您的情況下，因為margin.left === 50， "translate("+margin.left+",200)"更改為"translate(50,200)" 。

*，或者更合適的是字符串的add函數。