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

297
Vistas
Django: ¿cómo proporcionar información de la tabla Javascript para crear un gráfico de red?

Tengo un modelo que almacena estadísticas de red, incluidos los nodos. Quiero mostrar eso renderizado en HTML. Aquí está mi mesa

modelo de interfaz

 Interface IPaddress Hostname AE1 1.1.1.1 A AE1 2.2.2.2 B AE2 3.3.3.3 C AE2 4.4.4.4 D AE3 5.5.5.5 E AE3 6.6.6.6 F

Estoy usando Highcahrts Network Graph para dibujar un Network Graph https://www.highcharts.com/blog/tutorials/network-graph/

Aquí está el código que muestra el siguiente gráfico de demostración

 <style> #container { background: #1f1f1f; min-width: 320px; max-width: 500px; margin: 0 auto; height: 500px; } </style> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/networkgraph.js"></script> <div id="container"></div> <script> Highcharts.chart('container', { chart: { type: 'networkgraph', marginTop: 80 }, title: { text: 'Network graph' }, plotOptions: { networkgraph: { keys: ['from', 'to'], } }, series: [{ marker: { radius: 30 }, dataLabels: { enabled: true, linkFormat: '', allowOverlap: true }, data: [ ['Node 1', 'Node 2'], ['Node 1', 'Node 3'], ['Node 1', 'Node 4'], ['Node 4', 'Node 5'], ['Node 2', 'Node 5'] ] }] }); </script>

ingrese la descripción de la imagen aquí

¿Cómo puedo reemplazar los datos en el bucle de la matriz de datos JS desde el nombre de host de mi base de datos de interfaz? Es una conexión recta única directa sin interconexiones A>B>C>D>E>F

los datos deben tener un aspecto similar al siguiente

 data: [ [A, B], [B, C], [C, D], [D, E], [E, F] }
about 4 years ago · Juan Pablo Isaza
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