Bar chart to skip x-axis labels like Linear charts

[markmssd]

What does this implement/fix?

With Linear charts, the X-Axis displays labels nicely even if the width does not fit them all. It smartly displays less and less labels as it can, until it can no more show any of them.

However for Bar charts, it behaves differently. If all the labels can't fit within the width, it simply displays none of them. With this PR, it changes this behaviour to be similar to the Linear charts.

I have created a new story for Bar Charts, Monthly Reports, to show an example with a typical use case, showing a 30-days monthly report.

Does this close any currently open issues?

No

What do the changes look like?

Before	After

Storybook link

Before merging

• Check your changes on a variety of browsers and devices.

• Update the Changelog's Unreleased section with your changes.

• Update relevant documentation, tests, and Storybook.

• Make sure you're exporting any new shared Components, Types and Utilities from the top level index file of the package

[envex]

We likely won't merge this because we don't want to remove labels in BarChart. Unlike LineChart, where the assumption of linearity allows us to drop labels without a 1:1 relationship to data points,BarChart require each bar to have its own label. If you are working with linear data, consider using a LineChart instead.

[markmssd]

Thanks @envex , that's understandable. What if it's configurable instead? What you say makes sense, but there's still use cases similar to Google Cloud's billing charts, which we can render both as Linear and Bar charts, but it would also skip dates if the screen is narrow (I'm hiding the Y-Axis on purpose on those screenshots, but they're also here):

I think it's a common use case to use Bar rendering even for Linear data like dates, WDYT?

[envex]

@carysmills Any thoughts on making this a prop?

[carysmills]

I think we should talk to UX and see if this is behaviour we want for linear bar charts. If so, I'm not opposed, but I would like to add as little complexity/options to the charts as possible