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