Я читаю документацию D3.js, и мне трудно понять метод selection.data
из документации.
Это пример кода, приведенного в документации:
var matrix = [
[11975, 5871, 8916, 2868],
[ 1951, 10048, 2060, 6171],
[ 8010, 16145, 8090, 8045],
[ 1013, 990, 940, 6907]
];
var tr = d3.select("body").append("table").selectAll("tr")
.data(matrix)
.enter().append("tr");
var td = tr.selectAll("td")
.data(function(d) { return d; })
.enter().append("td")
.text(function(d) { return d; });
Я понимаю большую часть этого, но что происходит с секцией .data(function(d) { return d; })
оператора var td
?
Мое лучшее предположение заключается в следующем:
- Оператор
var tr
привязал четырехэлементный массив к каждому tr node - Затем оператор
var td
использует этот четырехэлементный массив в качестве своих данных, как-то
Но как .data(function(d) { return d; })
действительно получает эти данные и что он возвращает?