I'm using kendo chart to render out the charts and I want specific labels to be displayed as a bold text, So for that I'm using visual method which help me customize label and render with createVisual()

When I add bold property to label it is not getting aligned as compared to normal label.

code:

const { x, y } = e.rect.origin;
const text = new Text(
                e.text,
                new Point(x, y),
                { font: 'bold 12px "Source Sans Pro",sans-serif' }
            );
const group = new Group();
group.append(text);
return group;

If I remove bold property then it is working as expected.

Thanks in advance.