Hello Akshay,

I have been investigating into your requirement in this case, and I would recommend that you continue using the alignLabel and formatLabel events, but you can set them up in a different way to get more information. Allow me to first say that you will need to implement the following pieces in the typescript of your Angular component first for these to work:

import { IgxRadialGaugeComponent } from 'igniteui-angular-gauges/ES5/igx-radial-gauge-component';
import { FormatRadialGaugeLabelEventArgs } from 'igniteui-angular-gauges/ES5/igx-format-radial-gauge-label-event-args';
import { AlignRadialGaugeLabelEventArgs } from 'igniteui-angular-gauges/ES5/AlignRadialGaugeLabelEventArgs';

From here, you can use the following handlers for alignLabel and formatLabel, respectively. The code provided will replace all labels with “Custom Label!” (formatLabel) and move all of the labels to the right by 20px (alignLabel).

public alignLabelCustom(sender: IgxRadialGaugeComponent, args: AlignRadialGaugeLabelEventArgs){
    args.offsetX = 20;    
}

public formatLabelCustom(sender: IgxRadialGaugeComponent, args: FormatRadialGaugeLabelEventArgs)
{
    args.label = "Custom Label!";
}

You can bind into these event handlers using the following HTML code for your igx-radial-gauge:

<igx-radial-gauge height="500px" width="600px" (alignLabel)="alignLabelCustom($event.sender, $event.args)" (formatLabel)="formatLabelCustom($event.sender, $event.args)">
</igx-radial-gauge>

Regarding your actual requirements, if you cast the existing args.label property to a number, you can return the divided label for the gauge. In the alignLabel event handler, you can use the offsetX and offsetY to change the label offsets as well as the “angle” property on the AlignRadialGaugeLabelEventArgs object to set the angle of the label.

I hope this helps you. Please let me know if you have any other questions or concerns on this matter.