Can I position the pointer label in a fixed position

[Xaeryan]

I'm using a dataset and it doesn't always look good when the pointer label is over top of some lines, so I'd like to put the label in a fixed position, such as always in the top right. I've tried position: 'absolute' but it doesn't seem to have any effect. How can I achieve this effect?

[Abhinandan-Kushwaha]

@Xaeryan try dynamicLegendComponent

[Xaeryan]

This works for my design. There's a small difference between them however - pointerComponent values (item[0].value) are the actual value, while dynamicLegendComponent instead shows the value minus the yAxisOffset...
So if I have yAxisOffset of 50, and my point is at 52, pointerComponent would give me 52 for item[0].value, but dynamicLegendComponent gives me 2 for item[0].value.
Is this by design and can it be changed?

[Abhinandan-Kushwaha]

you can simply add 50 (yAxisOffset value) to the label before rendering

[Xaeryan]

The precision given back is the problem with doing that. Actual example:
yAxisOffset={44.90}
data={ value: 46.896 }
In the legend: items[0].value comes back as [{"value":1.9960000000000022}]
In the legend, I have no way of knowing whether this is the true value I need to display or a result of floating point rounding precision.
In the pointer, items[0].value is correctly 46.896