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函数。