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

82
Vistas
Problema de formato de información sobre herramientas compleja de Highcharts con enlace html incrustado

Estoy tratando de formatear la información sobre herramientas en un gráfico de burbujas de gráficos altos

Hay mucha información que me gustaría mostrar con formatos personalizados, etc., así que estoy usando la función de formateador. Todo funciona bien, excepto la última línea, que es un enlace html (etiqueta href). Quiero poder hacer clic en este enlace en la información sobre herramientas y ser redirigido a la nueva página; sin embargo, actualmente, aunque puedo ver la fila resaltada con un enlace, no puedo hacer clic en el enlace cuando aparece en la información sobre herramientas

aquí está el código

 const chartOptions = { chart: { type: 'bubble', plotBorderWidth: 1, zoomType: 'xy', height: 600, }, title: {text: null}, legend: { enabled: true }, tooltip: { useHTML: true, formatter: function () { return '<b>' + Highcharts.dateFormat('%e-%b', new Date(this.x)) + ' ' + this.y + '</b><br/>' + '<b>' + 'ACV: ' + '</b>'+ '$' + Math.round(this.point.ACV / 1000).toFixed(1) + 'K' + '<br/>' + 'Type: ' + this.point.OPP_COB + '<br/>' + 'Name: ' + this.point.REP_NAME + '<br/>' + 'Link: ' + '<a href="http://www.mywebsite.com/"' + this.point.customID + ' target="_blank"> Click here </a>' } }, }

He probado muchas opciones durante un tiempo, pero no he tenido suerte. Cualquier ayuda sería muy apreciada. Gracias

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

0

Debe establecer la propiedad pointerEvents en 'auto' :

 tooltip: { style: { pointerEvents: 'auto' } }

Demostración en vivo: http://jsfiddle.net/BlackLabel/7nrvsp5y/

Referencia de la API: https://api.highcharts.com/highcharts/tooltip.style

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