D3翻译价值

Question

我现在正在开发一个D3项目，以下代码工作但我不明白为什么。

当翻译（移动）区域图表的Y-Scale的位置时（在这个例子中，它是我在最后一行代码中调用的yAxis变量）我应该输入包围的transform属性的值两个＆＃34; +＆＃34;图标。为什么这个值用引号分解，+图标的目的是什么？如果有人可以分解最后一行非常有用的代码。

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。

*或者更恰当地说是字符串的添加功能。