Estoy usando el gráfico de red Highchart para un gráfico dirigido.
Quiero que los usuarios puedan pasar el cursor sobre el nodo y resaltar la ruta más corta desde el nodo de inicio. También tengo algunas casillas de verificación que resaltarían el nodo más corto desde el inicio hasta el nodo especificado. He logrado hacerlo. pero la parte con la que tengo algún problema es que al seleccionar una casilla de verificación quiero 'deshabilitar' el algoritmo BFS, manteniendo la ruta resaltada y permitiendo que el usuario explore los nodos (cada nodo tiene una ventana emergente de información sobre herramientas también al pasar el mouse)
He hecho una pequeña demostración que muestra mi problema. Manifestación
Intenté deshabilitar todos los estados (inactivo, pasar el mouse, seleccionado) y actualizar cada marcador con el método node.update(), pero sin éxito. También intenté cambiar los eventos de punto en el estado chartOptions a indefinido o a otra función, pero luego los estados predeterminados interfieren con la funcionalidad. Me he quedado sin ideas.
Gracias por adelantado.
Para deshabilitar todos los estados, puede usar enableMouseTracking: false
, que desactivará todos los estados. https://api.highcharts.com/highcharts/plotOptions.networkgraph.enableMouseTracking
const updateSeries = () => { setChartOptions({ series: [ { enableMouseTracking: false, data: [Math.random() * 5, 2, 1] }, { data: [Math.random() * 5, 2, 1] }, ] }); };
https://stackblitz.com/edit/react-ewhvow?file=index.js
Otra opción sería agregar un evento en serie, events.mouseOut , events.mouseOver , y ahí cambiar el estado del marcador a visible o no.