He creado una nube de palabras que hace referencia a esta demostración. https://codesandbox.io/s/yz3t3
Ahora mi problema es cómo hacer un enlace a cada palabra hecha por la nube de palabras de highcharts como esta página. https://ftmscan.com/topstat#Token
Cuando alterna cualquier texto en la nube de palabras en ese sitio, será redirigido a la otra página. Cómo hacer un enlace de este tipo a cada texto: eso es lo que estoy preguntando.
Estuve luchando para hacer esto durante varios días, pero parece que no hay respuesta en ninguna parte. Cualquier ayuda será apreciada y gracias de antemano.
Puede usar series.point.events.click como una devolución de llamada donde se incluirá la lógica. Aquí hay un código básico desde el que puede comenzar:
point: { events: { click() { const point = this; console.log(point); if (point.name === "Aenean") { window.open("https://www.highcharts.com/"); } if (point.name === "Lorem") { window.open("https://www.highcharts.com/"); } } } }Puede mejorarlo fácilmente según sus necesidades: puede usar un interruptor dentro de esta devolución de llamada o escribir una función que decidirá qué punto abrirá el enlace en particular.
Demostración: https://codesandbox.io/s/highcharts-react-demo-forked-2idvg?file=/demo.jsx:1187-1564
https://api.highcharts.com/highcharts/series.wordcloud.events.click
Haga que se pueda hacer clic en la serie y luego verifique el evento de clic para obtener detalles sobre qué se hizo clic exactamente.
event.point parece contener la información más relevante. Tiene una identificación, un nombre, una categoría, etc. Debería poder usar parte de esa información para encontrar en qué palabra se hizo clic.
Ejemplo de trabajo:
const options = { series: [ { type: "wordcloud", data: data, events: { click: e => { alert(e.point.name); /* Do stuff here, based on e.point.name */ } } } ] };