1. Feedback
  2. Flutter
  3. 65781

Welcome to the Flutter feedback portal. We’re happy you’re here! If you have feedback on how to improve the Flutter, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

lablesExtent property of ChartAxis behaves like maximumLabelWidth

## Description


The `labelsExtent` property of `SfCartesianChart` is not functioning as described in the API documentation[1]. According to the documentation, this property "Specifies the fixed width for the axis labels. This width represents the space between axis line and axis title."


However, in practice, the property does not create a fixed width space. Instead, the axis labels only take up the space they need (which is what maximumLabelWidth is for if I understand correctly) , causing alignment issues when multiple charts are stacked vertically with different label lengths. Please see the attached screenshot where the two graphs have the same value for labelsExtent.


## Expected Behavior


When setting the same `labelsExtent` value (e.g., 100) for multiple charts, the space between the axis line and axis title should be consistent across all charts, regardless of the actual text length of the labels. This would ensure that Y-axes of stacked charts align properly.


## Actual Behavior


The space between the axis line and axis title varies based on the actual length of the label text, even when the `labelsExtent` property is set to the same value. This causes misalignment of Y-axes when stacking multiple charts vertically.


## Steps to Reproduce


### MRE

Since you do not allow for semicolons in this text field please go to where I provide an example so you can replicate the behaviour.

https://pastebin.com/CSnxLp1D


## Environment


- flutter --version:


Flutter 3.27.3 - channel stable https://github.com/flutter/flutter.git


Framework - revision c519ee916e (5 weeks ago) 2025-01-21 10:32:23 -0800


Engine - revision e672b006cb


Tools - Dart 3.6.1 DevTools 2.40.2


- syncfusion_flutter_charts: 28.2.7


- Platform: Flutter Web


[1]

https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxis/labelsExtent.html