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

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

Fri Jan 21, 2022 1:58 pm

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/

User avatar
michal.f
Posts: 467
Joined: Thu Aug 12, 2021 12:04 pm

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

Fri Jan 21, 2022 4:05 pm

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

Return to “Highcharts Maps”