Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

238
Vistas
El texto de D3js no se lee de los datos de la base de datos

Estoy trabajando en este proyecto y, momentáneamente, necesito mostrar solo un número que se devuelve de la base de datos desde mi backend.

Este es mi código:

 var data2 = d3.json("/Events/CountEmployees/").then(function (data) { d3.select("#data") .selectAll("p") .data(data) .enter() .append('p') .style("color", "red") .text(data => data.Count1); // console.log( data); })

Cuando ejecuto el comando console.log(data), en realidad lee mis datos deseados, pero no entiendo el problema con el atributo de texto en D3js.

Este es el resultado que obtengo de ello: ingrese la descripción de la imagen aquí

Ahora lo que quiero es mostrar esos datos de count1 que son "6" como texto en mi página, pero estoy atascado y no puedo encontrar ninguna solución. ¿Puedes ayudarme con esto?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Encontré una solución a esto.

<h4 id="rData"> </h4> en mi lado html y este script en mi archivo .js.

 var data2 = d3.json("/Index/MyData/").then(function (data) { const test = data.map(d => d.Number); $('#rData').text(test); })

Como estoy recuperando datos de la base de datos, tuve que usar una función d3 para obtener esos datos de mi función de controlador (MyData) que devuelve estos datos. Dejo esto aquí en caso de que alguien más lo necesite en el futuro.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda