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

227
Vistas
Ver gráfico plotly en localhost NodeJS

¿Hay alguna forma de generar un gráfico plotly en NodeJS y verlo en un localhost en lugar de en HTML? Si lo hay, ¿cómo? Y si no lo hay, ¿de qué otras formas puedo crear gráficos y verlos en NodeJS?

ACTUALIZACIÓN: pensé en una solución, que crea un servidor, usando el módulo de nodo http , y luego en el código HTML que se muestra en el servidor, cargamos gráficamente a través de <script> y hacemos el resto del procesamiento JS allí. Sin embargo, todavía me gustaría una forma de hacer esto que no ocupe tantas líneas de código.

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

0

Plotly para nodejs no admite naturalmente esta característica. Para obtener más información, consulta este artículo . Puede crear un gráfico de node.js e incrustarlo usando html de forma independiente.

Un trabajo que encontré es:

ventajas:

  • Siempre activo mientras su dispositivo esté funcionando.

Desventajas:

  • Necesita una clave API.
  • Necesitas una cuenta de Plotly.
  • Tienes que obtener la URL de tu cuenta política. Node.js Usted
  • tiene que obtener la URL de su cuenta plotly.

Nodo.js

 require('plotly')(username, api_key); var data = [ { x: ["giraffes", "orangutans", "monkeys"], y: [20, 14, 23], type: "bar" } ]; var graphOptions = {filename: "basic-bar", fileopt: "overwrite"}; plotly.plot(data, graphOptions, function (err, msg) { console.log(msg); });

HTML

 <iframe scr="ploty_embed_URL_which_you_find_in_your_plotly_account"></iframe>

También puede usar plotly.js en HTML.

  1. Debe importar plotly.js desde una red de entrega de contenido (CDNJS). O instalarlo.

  2. Debe crear una etiqueta div y crear cualquier identificación (por razones demostrativas, utilicé ExampleId, no es necesario).

  3. Debe ir a los documentos de plotly.js y hacer clic en el gráfico que desee.

  4. Copie y pegue el código js y edite los valores que desea cambiar.

  5. ¡Ejecuta tu código!

ventajas:

  • No necesitas una cuenta.
  • Menos espacio en su servidor.
  • Funciona en el lado del cliente, por lo que no dañará su servidor.
  • Elija la versión que desea ejecutar.
  • Todo va en su archivo javascript para que no tenga que preocuparse de que sea diferente para todos. (Todos en el sitio web verán lo mismo).

Desventajas:

  • El sitio web no aparecerá si cdnjs está inactivo (rara vez está inactivo, pero sigue siendo una desventaja).

Nota: no tiene que copiar el código de los documentos si sabe lo que está haciendo. Puse copiar y pegar con fines demostrativos.

 var trace1 = { x: [1, 2, 3, 4], y: [10, 15, 13, 17], type: 'scatter' }; var trace2 = { x: [1, 2, 3, 4], y: [16, 5, 11, 9], type: 'scatter' }; var data = [trace1, trace2]; Plotly.newPlot('ExampleId', data);
 <script src="https://cdnjs.cloudflare.com/ajax/libs/plotly.js/2.8.3/plotly.min.js" integrity="sha512-dbAdoS/SyA/goUjoDL3nnizsyAkASCBwOmwVc8PbX287LjLnVSKmwbs0L49Z6lBTZu6UyCR/H3baviq/aO1dcg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <h1>Example of a Line Graph using Plotly.js</h1> <div id="ExampleId"></div>

Para obtener más información, visite la documentación de Plotly.js

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