[LineChart] Proposal: TooltipItem with Widget child.

[jamesblasco]

Tooltips in line chart are a really cool feature, but would be even cooler if we could customize it a bit more.

Making the child a widget become very versatile. It would allow to add a title with a custom style below the spot value or even an image.

Proposal	Now

[imaNNeo]

Hi, currently the tooltip is drawn by the canvas,
but we can handle it by a widget.
stay tuned!

[Ntu-odo]

Hi there ! That feature could really make this package one of the best available, I'm currently looking for this feature for my company, do you have any idea when we could expect this to be released ?

[DinithHerath]

Hi,
Can you implement this feature as soon as possible. Our company also need this.
Thanks for the hard work you are doing.

[imaNNeo]

Hi, check out our new release: 0.35.0

children property added in the LineTooltipItem, BarTooltipItem and ScatterTooltipItem which accepts a list of TextSpan. It allows you to have more customized texts inside the tooltip.

Check below examples:

BarChartSample 1 (Source Code)

ScatterChartSample 2 (Source Code)

[WillowWisp]

@imaNNeoFighT sorry for tagging you in but, the children property still doesn't allow us to pass a Widget into the tooltip since it only accepts List<TextSpan>

For example, we still cannot achieve a tooltip that looks like this.

Is it possible to change the children type from List<TextSpan> to List<InlineSpan> so that we can pass in a WidgetSpan?
Thank you for the cool package btw. It helps a lot!

[P-B1101]

Hi and thank you for your great work.
I wonder can u add border for tooltip?

[imaNNeo]

@WillowWisp you're right. It only allows you to put List in the children.

BTW supporting widgets is an open issue that we are thinking about.
It is related to #183.

I re-open this issue to follow custom widgets.

[imaNNeo]

@P-B1101 please search in issues and if there isn't any already opened issue, make a separate issue to follow border on tooltips.

Thanks!

[eduardothiesen]

BarChartSample https://github.com/example/lib/bar_chart/samples/bar_chart_sample1.dart is not opening.

[devasidmi]

@imaNNeoFighT Hey, great package! Any updates or workarounds on custom Widget as child for tooltips?

[demoYang]

how to custom LineTooltipItem ?

[FriendlyNeighbor]

no updates on this yet?

[noinskit]

FTR I also needed this feature to draw colored icons over some chart bars and I managed to work it around by putting the icons into a custom font using FontLab (if anybody tries that - it needs to be CBDT, it took me some time to figure out that OT+SVG does not work in Flutter and/or Android 🤷).

[sgshivamgarg8]

Any updates?
I want to show Icons or Images over bar rods.

I tried to do this in getTooltipItem but it expects BarTooltipItem which only allows text.

[biklas7]

@imaNNeoFighT sorry to tag you, first of all, thanks for the amazing package. Just wanted to ask if this feature is in the roadmap for the next releases?

[durannumit]

Hey everyone, I definitely need this feature and everyone waiting on next release. I implemented my custom tooltip a bit hacky way. Firstly, I created an overlay widget I wrap BarChart widget with Listener and I'm listening barTouchData which index bar touched.

 Listener(
                        onPointerUp: (event) {
                          overlayEntry?.remove();
                        },
                        onPointerMove: (event) {
                        // show Overlay on the specific index;
                        },
                        onPointerDown: (event) {
                        // show Overlay on the specific index;
                        },
                        child: BarChart(
                          BarChartData(
                            ....
                            barTouchData: BarTouchData(
                              touchCallback: ((p0, p1) {
                                //update touched bar index
                             ....
                               },
                              ),
                            ),
                          ),
                        ),
                      ),

I know it's not the best way but it's working and useful for now. Maybe this can be helpful 💪🏻

[omar-hanafy]

Yes it is a cool feature to have custom tooltip widget, I can't even add simple elevation to my tooltip 😕.

[d3xt3r2909]

Really needed feature..

[Sumit258000]

Any plans for this implementations @imaNNeo

[jebstern]

Is the maintainer waiting for community to implement this? This issue is over 4 years old.

[dagovalsusa]

+1

[tfitzke]

I would greatly appreciate it if you could provide information regarding the roadmap for this feature. Additionally, I am interested in knowing if there are opportunities for community contributions!

[imaNNeo]

I would greatly appreciate it if you could provide information regarding the roadmap for this feature. Additionally, I am interested in knowing if there are opportunities for community contributions!

Hi @tfitzke,
There is no roadmap, unfortunately. This is my side-project and I only contribute in my free-times.
I wish I could work full-time on it, but I can't.
Contributions are always welcome. Check the guideline as a starting point.

[tfitzke]

I would greatly appreciate it if you could provide information regarding the roadmap for this feature. Additionally, I am interested in knowing if there are opportunities for community contributions!

Hi @tfitzke, There is no roadmap, unfortunately. This is my side-project and I only contribute in my free-times. I wish I could work full-time on it, but I can't. Contributions are always welcome. Check the guideline as a starting point.

Hey @imaNNeo
Thank you for your answer!
Then I will gladly try to contribute as soon as I can :)