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/