Chart Label Center-alignment Not Working

Problem:
While working with chart component's data labels formatter using the below code, the data labels are not getting center-aligned and are always left-aligned. The same seems to be working in the retired 7.1.x version.

<span>'+this.point.name + '\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0' + this.point.y +'%</span>

Cause:
It is a Highcharts problem. For more details, please see the Solution section of this article.

Solution:
This alignment issue is a Highcharts problem. Works in 4.2.1 (used by JasperReports Server 7.1.x), see https://jsfiddle.net/7m0u9s6a/1/ . Does not work in 6.1.1 (used by JasperReports Server 8.0.x), see https://jsfiddle.net/7m0u9s6a/2/ . And it works again in 10.1.0 (used in JasperReports Server 8.2.0), see https://jsfiddle.net/7m0u9s6a/3/ .

As it is a Highchart version issue, we recommend to upgrade to the current latest JasperReports Server version to resolve this issue.
_____________________________________________________________________________________________________________________________________________________________
Ref. Case #02197146