Y-Axis Tick Labels Cut Off

[100starnight]

Bug:

Y-axis tick labels automatically get cut off if they're longer than 3em, which seems to be arbitrarily set here for the left axis and here for the right one in the d3fc-chart/src/css.js file

Expected Behavior:

The default behavior should be for tick labels to fit in the axis (especially because tick labels aren't always known in advance, which makes manually setting the axis width unfeasible)

Example:

Here's examples/simple-chart with the data scaled up so that the labels are long enough to trigger the bug:

[ColinEberhardt]

Determining whether an axis label will 'overflow' requires measuring the rendered size of the labels, which is an expensive operation. By default, D3 and D3FC avoid this type of behaviour in order to provide the best performance possible.

We do provide adapters that perform measure operations and either rotate or stack the axis labels in order to avoid collisions / overflow.

There isn't an adapter that provides exactly the functionality you describe, but it should be possible to build one.