这个函数在脚本中有什么作用？

Question

我是 d3.js 的新手，所以这可能是一个非常微不足道的问题。 这是代码

d3.selectAll("p")
.data([4, 8, 15, 16, 23, 42])
.style("font-size", function(d) { return d + "px"; });

function(d) { return d + "px"; }做了什么。

Answer 1

来自the documentation：

  

如果value是一个函数，则为每个函数计算函数   选中的元素（按顺序），传递当前的数据d和   当前索引i，将此上下文作为当前DOM元素。该   函数的返回值然后用于设置每个元素的样式   属性。

因此，使用数组中的每个成员调用该函数，然后为每个成员生成不同的字体大小：“4px”，“8px”，“15px”等。

Answer 2

what does this function(d) { return d + "px"; }  do

简单，该函数调用字符串d（通过toString()），追加字符串“px”，返回结果。