github
/
d3
зеркало из
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность
d3/examples/hello-world/hello-node-key.html

21 строка
468 B
HTML
Исходник Обычный вид История

Add doctype to all examples for consistency.
2011-05-02 03:15:09 +04:00
<!DOCTYPE html>
Checkpoint example cleanup.
2012-10-12 03:34:17 +04:00
<meta charset="utf-8">
<title>Hello, node!</title>
Your lucky numbers are:<br>
<span value="42"></span>
<span value="4"></span>
<span value="8"></span>
<span value="15"></span>
<span value="16"></span>
<span value="23"></span>
<script src="../../d3.js"></script>
<script>
Simplify data join. Add insert & empty. The data join is now specified as a single function of data, as with all other properties. This allows the key to be computed on the previously-bound data, rather than requiring the key to be serialized into the DOM (say, as an attribute). In the case that there is no previously-bound data, it is still possible to access the associated node as the `this` context. The `enter` operator no longer performs an append. For symmetry with the `exit` operator, you must call `append` after obtaining the entering selection. This requires a tiny bit more code, but should make the code more clear. Also, it provides an opportunity to use a different instantiation operator, such as the new `insert` operator. This takes a second argument, which is a selector for the insert-before reference element. For example, the selector ":first-child" will prepend nodes. The `empty` operator allows you to query whether a selection is empty (i.e., contains zero matching nodes).
2011-01-31 22:00:35 +03:00
var data = [4, 8, 15, 16, 23, 42];
d3.selectAll("span")
.data(data, function(d) { return d || this.getAttribute("value"); })
Checkpoint example cleanup.
2012-10-12 03:34:17 +04:00
.text(function(d) { return d; });
Simplify data join. Add insert & empty. The data join is now specified as a single function of data, as with all other properties. This allows the key to be computed on the previously-bound data, rather than requiring the key to be serialized into the DOM (say, as an attribute). In the case that there is no previously-bound data, it is still possible to access the associated node as the `this` context. The `enter` operator no longer performs an append. For symmetry with the `exit` operator, you must call `append` after obtaining the entering selection. This requires a tiny bit more code, but should make the code more clear. Also, it provides an opportunity to use a different instantiation operator, such as the new `insert` operator. This takes a second argument, which is a selector for the insert-before reference element. For example, the selector ":first-child" will prepend nodes. The `empty` operator allows you to query whether a selection is empty (i.e., contains zero matching nodes).
2011-01-31 22:00:35 +03:00
Checkpoint example cleanup.
2012-10-12 03:34:17 +04:00
</script>