Issue with Y-Axis Positioning in Tremor Line Chart

[0xbacklit]

Hello,

I'm encountering an issue with the y-axis in a Tremor line chart. When the y-axis is positioned on the left, large numerical tick values are getting cut off. This appears to be because the y-axis labels expand to the left, rather than shifting the graph to the right to accommodate the growing label width.

Currently, the Cartesian plane's starting position is fixed, while space is left for y-axis labels to the right of it, if a label becomes large, it gets cut off. Additionally, for smaller numbers, the label position shifts, and I want it to consistently start from the leftmost edge.

• labels are starting from right and growing in the left.

• getting cut off

Could someone please provide guidance on how to address this? Specifically, I'm looking for ways to ensure that the y-axis labels originate from the leftmost edge of the chart container, occupy the necessary width to their right, and then the cartesian plane graph should start.

Thanks in advance.

[ryanfurrer]

Somewhat related to this, but I'd love to be able to make the yAxisWidth equal to 100% of the axis labels, rather than a px

[tamish-max]

This chart reserves a fixed width for the Y axis, so once the labels get longer they will clip unless you give that axis more room.

The first thing I’d try is increasing yAxisWidth:

<LineChart
  ...
  yAxisWidth={90}
/>

Tremor already exposes that prop, and the default is often too small for large values.

If the labels are still wide, combine it with a shorter formatter (12.3k, 1.2M, etc.).

If you want truly automatic width, the component would need to measure the widest tick label and feed that back into YAxis; that does not seem to be happening here yet.