fix(xy): adding missing last tick and other tick improvements

[monfera]

Summary

Changes:

• re-add the last tick line on the right, even if there's no room for the belonging label
• avoid a tick line if it doesn't add info (copying this feature from the prototype) to avoid too many "whiskers" sprouting from the axis line
• limit the number of gridlines to 12 (while the number of ticks is still limited to 50, so there are often more ticks than grids)
• experiment possibility: set HIDE_MINOR_TIME_GRID to true (not used now)

Details

Issues

Partial fulfilment of #1442

Checklist

• The proper chart type label has been added (e.g. :xy, :partition)
• The proper feature labels have been added (e.g. :interactions, :axis)
• The :theme label has been added and the @elastic/eui-design team has been pinged when there are Theme API changes
• All related issues have been linked (i.e. closes #123, fixes #123)
• New public API exports have been added to packages/charts/src/index.ts
• Unit tests have been added or updated to match the most common scenarios
• The proper documentation and/or storybook story has been added or updated
• The code has been checked for cross-browser compatibility (Chrome, Firefox, Safari, Edge)
• Visual changes have been tested with all available themes including dark, light, eui-dark & eui-light

[markov00]

Except for a small artifact when hiding ticks (as shown in the above picture), the improvement looks great, tick ratification reduces the gridline noise and without sacrificing too much the readability of the chart.

[nickofthyme]

🎉 This PR is included in version 38.1.3 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀