anu_1555
Posts: 47
Joined: Sun Nov 28, 2021 8:45 am

show datalabels clearly on hover of legends for spiderweb/polar charts

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/
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: show datalabels clearly on hover of legends for spiderweb/polar charts

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!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Maps”