javascript - d3 从同一个函数设置多个属性？

Question

有什么方法可以从同一个函数设置多个属性吗？

d3.selectAll('.myshape')
    .attr('y',function(d,i) { ... calculates something ... })
    .attr('height',function(d,i) { ... calculates something very similar... })

我想同时计算y1和y2然后设置y = y1和height = y2- y1。但是在 d3 中执行此操作的标准方法似乎是每个属性都有单独的函数。有没有更好的办法？

Answer 1

如果我对你的问题的理解正确，那么你有一个密集的计算，你希望每个元素只计算一次，而不管你设置的属性数量。

在这种情况下，如果需要，您可以使用 each 来传递当前元素 (this) 以及数据、索引和组他们:

d3.selectAll(".myShape").each(function(d,i,n){
    //Here you put the complex calculation 
    //which will assign the values of y1 and y2.
    //This calculation runs only once per element
    d3.select(this).attr("y", y1).attr("height", y2 - y1)
});