Axes labels should wrap their text

[cchaos]

Describe the bug
If there isn't enough available space, axes labels will get cut off.

To Reproduce
Steps to reproduce the behavior:

1. Create a chart with a long axes label
2. See error

Expected behavior
Usually I'm a fan of just truncating with an ellipsis and then use title attribute to display the full label. The problem with this is that the chart label is too integral to the understanding of the chart to be hiding pieces of information, also I don't think you can add a title attribute to parts of a Canvas or even SVG element.

Therefore, I think the solution is just to allow the text to wrap lines.

Screenshots

The label should say 6:00 - 6:14

Version (please complete the following information):

• Elastic Charts: 9.0.4

Kibana Cross Issues
elastic/kibana#20472

[nickofthyme]

This should also include the ability to truncate the label to a given length.