Highcharts official support forum

Hi,

I want to show the datalabels clearly i.e without overlapping on hover of legends for spiderweb charts. In the fiddle, datalabels on hover works fine but the datalabels are clearly overlapping for the inner most series(which have less values) as there isn't enough space betweeen the datapoints. I want to show the datalabels only when there is enough space for the labels to fit in. could you help me with what would be the possible solution.

Here is the fiddle link: https://jsfiddle.net/h62fL8ew/2/

Hello,

Thanks for contacting us with your question!

By default, highcharts hides overlapping dataLabels with opacity, so when you add the functionality of dataLabels appearing when you hover over a legend with opacity, you override that logic. You can update the dataLabels.enabled option for individual axes instead of opacity.

API: https://api.highcharts.com/highcharts/s ... lowOverlap

Let me know if you have any further questions!
Best regards!