d3 d =>与函数(D)

Question

我正在努力通过这个帖子，试图得到一个d3图表的生命。同时阅读其他帖子，所以得到来自整个社区的意见.19430/how-to-create-a-grouped-bar-chart-in-d3-js-232c54f85894

我看到两种不同的语法使用。

第一个在下面的x属性上使用。我相信这被称为'fat箭头‘，第二个是内联函数，用于Y属性。

model_name.selectAll(".bar.field1")
  .data(d => [d])
  .enter()
  .append("rect")
  .attr("class", "bar field1")
.style("fill","blue")
  .attr("x", d => xScale1('field1'))
  .attr("y", function(d) { return yScale(d.field1) })

这些是等同的吗？

只有当所需的结果可以产生w/ 1行时，才能使用胖箭头吗？

你能用这样的东西吗(我做不到)

  .attr("x", d =>{ stmt1;  stmt2;  etc;  return d*5; }

脂肪箭提供了一些很大的好处，所以它应该考虑在一个1行结果的情况下？

Answer 1

Fat箭头与正常功能有两个不同之处：

1. 如果要在单行函数中返回值，则可以使用隐式返回省略“返回”和大括号。就像val => val.name和(val) => { return val.name; }一样。
2. 关键字this的使用会发生变化。在fat箭头函数中，它绑定到与外部作用域相同的上下文。

假设缺少的括号只是一个错误，您发布的多语句fat箭头函数的示例应该工作得很好。不过，我对d3不太了解；xScale1是否返回一个数字？如果没有，这可能就是函数不能工作的原因，因为它返回一个数字。