¿Cómo podemos implementar la misma funcionalidad de onClick of legend que tenemos para pasar el mouse en el gráfico circular en Highcharts?

Quiero implementar la misma funcionalidad al hacer clic en la leyenda que tenemos para pasar el mouse. p.ej. Cuando nos desplazamos sobre cualquier leyenda en el gráfico circular, mostramos el segmento circular correspondiente y desenfocamos el otro segmento del gráfico circular. También quiero la función con leyendas. De modo que cuando haga clic en cualquier leyenda, debería resaltar la sección correspondiente y desenfocar los otros segmentos. También mostrar información sobre herramientas cuando hago clic en la leyenda.

Comportamiento actual al hacer clic en la leyenda : oculta la sección correspondiente.

Comportamiento esperado al hacer clic en la leyenda : resalte la sección correspondiente y muestre información sobre herramientas.

Tengo la solución para mostrar información sobre herramientas al hacer clic en la leyenda, pero no tengo la solución para "resaltar la sección correspondiente y desenfocar los otros segmentos".

Cualquier ayuda sería apreciable. Estoy buscando la solución lo más rápido posible.

¡Gracias de antemano! :)

A continuación se muestra el enlace para codesandbox donde estoy tratando de implementar el caso de uso anterior. https://codesandbox.io/s/friendly-fire-4smdrt?file=/src/App.js:3352-3356