Draw the side titles inside the chart.

[adrianvintu]

I am trying to achieve the design in this image, but fail to.

The best is get is this

Is if possible in fl_chart to:

1. have the leftTitles render on top of the lines, instead of to the left of the line?
2. have empty circles as index indicators? I now use getTouchedSpotIndicator FlDotCirclePainter to set the white border, but if I set the FlDotCirclePainter(color: Colors.transparent, the bar line will show to the middle of the dot circle like here

3. have the top/bottom line of the graph rendered as dots? it seems I can only render it as line or invisible via

borderData: FlBorderData(
        border: Border(
          bottom: BorderSide(
            color: Colors.yellow,
            width: 4.4,
            style: BorderStyle.none,
          ),

Related ticket: #1150

Thank you for your wonderful product which I already use in 2 projects. Wish you all the best!

[imaNNeo]

Hi.
As you can pass a widget as a title, you leverage the power of flutter. Widgets.
You can wrap your Text widget (or any other widget) with Transform.translate widget to move your text with an offset.

Check the below sample (full code is here):

[adrianvintu]

Thank you very much. I am assuming pints #2 and #3 are not doable thane, right?

[imaNNeo]

What do you mean?

[adrianvintu]

There are 3 points to the ticket. I think you only answered the first one. Can you maybe reread the ticket text?

[imaNNeo]

Aha I missed them.
2. You need to write your own Painter. (just read the FlDotCirclePainter to learn more about it)
3. Unfortunately you can't render as dots. You can only render them as dashed lines.

[adrianvintu]

Thank you very much!

Keep up the awesome work!

[imaNNeo]

Thank you!