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

+是字符串连接*。在您的示例中，"translate("+margin.left+",200)"更改为"translate(50,200)"，因为margin.left === 50。

*或者，更恰当的是字符串的add函数。