feature suggestion: ability to rotate titlesData text

[mahmoudparandeh]

hi there, thanks for your great library. as you know when the bottomTitles are more for example months. if we can rotate text for example 90 degrees we can handle long text in bottomTitles. if you need more info i can create image for that.

[mahmoudparandeh]

some think like this one, i hear about RotatedBox which rotate child widget. maybe its helped.

[imaNNeo]

Hi, That's great,
We will implement it soon, also pull requests are welcome,
stay tuned, Thanks!

[mahmoudparandeh]

hi, there. don't forget this in next release. thanks :)

[imaNNeo]

Hi there, long time no see :)
It has been added in 0.6.0, now we have rotateAngle property in our SideTitles, you can use it to rotate the titles.
Thank you for suggesting, and thanks @arefhosseini for implementing.

Sample 5 (Source Code)

[imaNNeo]

I think it is the first teamwork that happened between three Iranians in the Flutter community :)
I like that.
Thanks a lot.

[arefhosseini]

Yeah I get more motivation for developing flutter. Thank to both of you.

[wiany11]

Not anymore...?

[imaNNeo]

Not anymore...?

What do you mean?

[wiany11]

@imaNNeo

fl_chart: ^0.61.0

  FlTitlesData get titlesData => FlTitlesData(
    show: true,
    bottomTitles: AxisTitles(
      sideTitles: SideTitles(
        showTitles: true,
        reservedSize: 30,
        getTitlesWidget: getTitles,
        //rotateAngle: -90,  // The named parameter 'rotateAngle' isn't defined. (Documentation)
      ),
    ),
    ...,
  );

I am currently using like the above. (Thanks for the beautiful library!)
But I cannot add the property rotateAngle to SideTitles or somewhere else...
Is the property no long supported...?

[imaNNeo]

You can override the getTitlesWidget to rotate the widgets (for example using Transform.rotate widget)

Please check the 0.50.0 migration guide

[wiany11]

@imaNNeo Thank you so much!

  FlTitlesData get titlesData => FlTitlesData(
    show: true,
    bottomTitles: AxisTitles(
      sideTitles: SideTitles(
        showTitles: true,
        reservedSize: 30,
        getTitlesWidget: Transform.translate(
          offset: const Offset(0.0, 10.0),
          child: Transform.rotate(
            angle: - pi / 4,
            child: SideTitleWidget(
              axisSide: meta.axisSide,
              space: 4,
              child: Text(text, style: style),
            ),
          ),
        ),
      ),
    ),
    ...,
  );

[imaNNeo]

You're welcome 🎉