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

80
Views
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 answers
Answer question

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 Report
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!