La función node.count() de la biblioteca D3.js se usa para contar el número de hojas debajo de un Node en particular y agregarlo como una propiedad de valor al objeto. Si el Node dado es en sí mismo un Node hoja, entonces el conteo es uno.
Sintaxis:
node.count();
Parámetros: Esta función no toma ningún parámetro.
Valor de retorno: esta función devuelve un objeto.
A continuación se dan algunos ejemplos de la función dada anteriormente.
Ejemplo 1: El siguiente ejemplo demuestra el conteo de hojas para el Node raíz.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" path1tent= "width=device-width, initial-scale = 1.0" /> <script src="https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Constructing a tree var tree = { name: "rootNode", children: [ { name: "child1" }, { name: "child2", children: [ { name: "grandchild1", children: [ { name: "grand_granchild1_1" }, { name: "grand_granchild1_2" } ] }, { name: "grandchild2", children: [ { name: "grand_granchild2_1" }, { name: "grand_granchild2_2" } ] }, ] } ] }; var obj = d3.hierarchy(tree); // Using node.count() Function var count = obj.count(); console.log("The number of leaves for root" + " node are: ", count.value); </script> </body> </html>
Producción:
Ejemplo 2: El siguiente código demuestra contar el número de hojas para cualquier Node.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" path1tent= "width=device-width, initial-scale = 1.0" /> <script src="https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Constructing a tree var tree = { name: "rootNode", // Root node children: [ { name: "child1" // Child of root node }, { name: "child2", // Child of root node children: [ { // Child of child2 name: "grandchild1", children: [ // Child of grandchild1 { name: "grand_granchild1_1" }, // Child of grandchild1 { name: "grand_granchild1_2" } ] }, { name: "grandchild2", children: [ // Child of grandchild2 { name: "grand_granchild2_1" }, // Child of grandchild2 { name: "grand_granchild2_2" } ] }, ] } ] }; var obj = d3.hierarchy(tree); var grandchild2 = obj.children[1].children[1]; // Using node.count() function var count = grandchild2.count(); console.log("The number of leaves for " + "grandchild2 are: ", count.value); </script> </body> </html>
Producción: