Describe the bug
When using tickFormat to round to a given decimal value, the tick placements may be different than the presented label.

To Reproduce
Steps to reproduce the behavior:

1. Go to any story
2. Set the tick values to round value to nearest integer.
3. Disable integersOnly option.
4. See misleading ticks

Or go to https://codesandbox.io/s/sad-flower-o05ps?file=/src/App.tsx

Expected behaviour
Tick placement is accurate

Screenshots

Notice the left side without a tickFormatter applied, shows the correct value of 2.5 while to right rounds the value to 3 without changing its tick placement.

Version (please complete the following information):

• Elastic Charts: latest

Additional context
The temporary solution is an iterative reduction of ticks until there are only unique tick labels. This is not perfect but will reduce the number of cases that show bad value. If the labels are identical with two ticks, expand the domain but limit this step to 5 or some value to prevent an Infinite loop.

Kibana Cross Issues
elastic/kibana#97100

Checklist

• every related Kibana issue is listed under Kibana Cross Issues list
• kibana cross issue tag is associated to the issue if any kibana cross issue is present