withBarValueLabel value not displaying in correct positions

[namakshenas]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.14.1

What package has an issue?

@mantine/charts

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Chrome

Describe the bug

This issue was addressed in issue #6991, but still not working properly:

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[minosss]

Hi @rtivital, I see that custom component BarLabel is used to plan to support more customizations?

Why not use LabelList from recharts.

<Bar {...others}>
  {withBarValueLabel && <LabelList
    position={orientation === 'vertical' ? 'right' : 'top'}
    offset={8}
    fontSize={12}
    fill="var(--chart-bar-label-color, var(--mantine-color-dimmed))"
    // there are also a method to format the value
    // formatter={(v) => v}
  />}
</Bar>

[rtivital]

You are welcome to submit a PR that fixes the issue, if LabelsList is the right component, then it should be used

[minosss]

for now, Label or LabelList of recharts would be better for displaying labels, maybe remove PointLabel as well.