Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

168
Views
Javascript / D3: texto para mostrar solo el recuento de niños

Tengo un nodo de fuerza estática visual que se ve así:

ingrese la descripción de la imagen aquí

Y código relevante:

 const node2 = g.append("g") .selectAll(".labels") .data(nodes) .join("text") .attr('x', d=> dx) .attr('y', d=> d.y+3) .attr('text-anchor','middle') .attr('class','labels') //.text(d=> d.data.name) .text(function(d,i) {return i-2}) .style("fill", d=> d.children ? "none": d.data.new==true?"#fff":"#000") .style('font-size',12);

Los datos se ven como:

 {"name":"Name1", tree: { "name":"center", "children": [ {"name":"category1","children":[{"name":"node1"},{"name":"node2"},{"name":"node3"}]}, {"name":"category2","children":[{"name":"node4"},{"name":"node5"}]}, ] } }

Lo que me gustaría tener aquí es que las etiquetas muestren una especie de "id" de conteo para cada nodo a partir de 1. Inicialmente pensé que podría restar 2 como: i-2 . Sin embargo, para estructuras de fuerza más simples, esto resultó ser demasiado, dejando el conteo a partir de 0.

Pregunta

¿Cómo puedo hacer que mi lógica de conteo sea robusta para mostrar un conteo que incluya solo niños (independientemente de la estructura principal/general)?

Editar

También traté de aplicar una lógica de conteo de padres, pero esto me dio todos los NaN:

 .text(function(d,i) { if (d.depth==0) { console.log(d) var parents = d.children.length; } return i-parents; //return i-2 })

Edición 2 Lo hice funcionar al cambiar los parents a global, pero parece un poco raro. Todavía agradecería una respuesta más sofisticada.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!