The x-axis labels go out of the boundary after re-rendering

[arnajdas92]

I am submitting a...

• Design defect

charts version:

0.7.11

Issue description

The x-axis labels go out of the boundary after re-rendering. As visible in the screenshots, the x-axis labels at first wrap around properly. But after the graph re-renders they go out of border.

Screenshot or recording

[t-mullen]

This breaks since we rerender the chart in a transition - which removes all the formatting on tick values we do.

@theiliad Can you explain why we do .call(xAxis) here? Moving it out of the transition fixes this issue. https://github.com/carbon-design-system/carbon-charts/blob/master/packages/core/src/base-axis-chart.ts#L219

[theiliad]

@t-mullen Thanks for pointing out the issue. I'll get back to you

[theiliad]

As far as I remember, you would have to use .call to make sure new axis elements will be added

[kalai001]

@theiliad , Another related observation. The text in the graph doesn't wrap in the initial rendering also, if the graph is loaded with default width and height. Ideally, the text wrapping be should be determined on the availability of break characters (space).

[pjena98]

We are waiting for a fix and request ETA

[theiliad]

@pjena98 It's tough to figure out a solution that wouldn't cover the chart.

We've handed off the issue to the design team to come up with a solution. You'll hear back soon

[theiliad]

This was addressed in #275