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

299
Views
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
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!