¿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.
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:
Desventajas:
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.
Debe importar plotly.js desde una red de entrega de contenido (CDNJS). O instalarlo.
Debe crear una etiqueta div y crear cualquier identificación (por razones demostrativas, utilicé ExampleId, no es necesario).
Debe ir a los documentos de plotly.js y hacer clic en el gráfico que desee.
Copie y pegue el código js y edite los valores que desea cambiar.
¡Ejecuta tu código!
ventajas:
Desventajas:
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