Bar Chart - an option to align title, currently the texts are overlapping

[atreeon]

With many bars the titles overlap. If we could show the titles vertically that would be great. As a suggestion they could go on top of the bars.

[imaNNeo]

Currently, we support showing them at the top of each bar, check it out,
and about the vertical titles, there is an open issue, follow it up.
If this answer satisfied you, feel free to close it.
Thanks!

[atreeon]

Thank you again but I couldn't get the title to be displayed on top so I added to the source. Only the y of double was available in the BarChartRodData class so I added a new property; it might be useful for others too.

              return BarTooltipItem(
                "${rod.title}\n${rod.y}%",
                TextStyle(
                  color: Colors.black,
                  fontWeight: FontWeight.bold,
                ),
              );

class BarChartRodData {
  final double y;
  final Color color;
  final double width;
  final bool isRound;
  final BackgroundBarChartRodData backDrawRodData;
  final String title; //added this

[atreeon]

It mostly works but when the bars are the same height and narrow then I still get overlapping. It could be useful to have a staggered option where the title is not directly above the bar but cascading from top to bottom so there is a real minimal chance of overlapping (although I guess the align text will help with this anyway)

[imaNNeo]

Your use cases are so unique :)
btw let it be open,
we can consider it in the future.

[atreeon]

As a small work around what I did was order the bars based on how different the values are. I get a bit of an up and down result but much less overlapping.

[imaNNeo]

I'm going to close this issue, do you have any request or suggestion except the vertical titles?

[atreeon]

No probs