javascript - D3 翻译值

Question

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

当平移(移动)面积图的 Y 比例的位置时(在本例中，它是我在最后一行代码中调用的 yAxis 变量)，我应该输入由两个“+”图标。为什么该值用引号分隔？+ 图标的用途是什么？如果有人可以分解最后一行代码，那将非常有帮助。

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