Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

181
Visualizações
¿Cómo personalizo el estilo de enlace para cada enlace de datos en un gráfico de red de Highcharts?

Estoy creando un gráfico de red destinado a mostrar interacciones entre dispositivos y personas en un contexto de IoT.

Los datos de la serie del gráfico se extraen de una base de datos. Además del extremo emisor y receptor de la comunicación, y una etiqueta que nombra cada interacción, existen caracterizaciones para cada vínculo, como la "relación" entre las partes (emocional, laboral, etc.) y el tipo de comunicación (para obtener información, para realizar una acción, etc.). Por lo tanto, los datos (con claves ['de', 'a', 'etiqueta', 'tipo de comunicación', 'relación']) podrían tener un aspecto similar al siguiente:

 [['Jane','Michael','ComHum1','Pragmatic','Emotional'], ['Michael','TV','ComObj1','Action','Object-Owner']]

Lo que quiero hacer es cambiar el estilo del enlace (guión, punto, etc.) según un factor, y el color del enlace según otro. De esa forma, entre dos nodos, cada uno identificado como parte en la comunicación, se ve un vínculo cuyo estilo puede denotar el tipo de contacto, y qué color indica la relación entre ellos.

El problema con este enfoque es que, incluso con el modo de estilo, la única forma de diseñar las líneas que puedo detectar en la documentación es un selector de CSS basado en la separación de diferentes series. Esta solución no puede funcionar ya que todos los datos que quiero imaginar se recopilan en una sola serie conectada, y la personalización solo se puede realizar en función de los parámetros específicos de cada elemento de la matriz de datos. Si tuviera que dividirlo en varias series, la red global ya no sería visible, lo que anularía el propósito de diseñar individualmente los enlaces por completo.

¿Es mi enfoque posible en HighCharts? Una solución muy engorrosa en la que pensé al principio fue apuntar a cada elemento de ruta en el SVG, pero incluso eso no parece posible ya que no parecen tener identificadores específicos.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Los enlaces de datos se definen como puntos en la serie de gráficos de red, puede personalizar cada uno de ellos de varias maneras.

  1. Agregue una clave adicional a la matriz de keys , como color y luego agregue el color preferido para datos particulares - demostración: https://jsfiddle.net/BlackLabel/p9wy1u02/

  2. Puede actualizar cada punto en la devolución de llamada de carga: https://jsfiddle.net/BlackLabel/vj3Ldbu9/

API: https://api.highcharts.com/highcharts/chart.events.load

API: https://api.highcharts.com/class-reference/Highcharts.Point#update

API: https://api.highcharts.com/highcharts/series.networkgraph.data.color

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda