I am trying to do center align the title text of the pie chart Highchart. Was able to achieve that but on mouse hover, and mouse out the title data doesn't get updated. Anyone can help me with the same.
On MouseHOver trying to do the below mentioned code

```js
 point: {
            events: {
              mouseOver: function() {
                                                  let span = '<span style="color:${this.color}" class="dealer-title">${this.y}<br/> <span style="color:#33383e;}" class="text-truncate" title="${this.name}"><b> </b></span></span>';

                $('.customTitle')[0].innerHTML = span
              }
            }
          }
        }
      },
```

fiddle attached:
<https://jsfiddle.net/5sutmqv3/1/>