javascript - D3 JavaScript 返回数据值加上来自匿名函数的变量

Question

我有一个 D3 函数，我想根据用户的选择返回特定的数据元素。

例如:

var selected = this.value;

line.y(function(d) { return d.selected; });

selected 变量将是真实元素名称的占位符。

上面的代码块不起作用，但我想知道其他一些构造是否可行。我已经尝试了其他几种组合，但没有成功，包括 return d。 + 选中。

可行的替代方法是 case 语句或许多 if/else 语句，例如:

if(selected === "element1") {
    return d.element1;
}
else {
    return d.element2;
}

不过我宁愿避免这种情况，因为有很多不同的选择。

感谢您的帮助。

Answer 1

你可以使用这个:

line.y(function(d) { return d[selected]; });

这与 D3 无关，它是 JavaScript 语法:

d.element1
d['element1']

var key = 'element1';
d[key]

所有访问相同的属性。