Line Chart: Always show tooltip and spot after a click

[Nicolas-Bouvard]

Hello ! I'm using your package for my lines charts.
I would like tooltip and spot to keep beeing displayed after a click and release on the chart.
Currently I didn't find any way to do so...

Thank you for your package, it's very cool !

Edit:
By clicking on the chart, the tooltip and spot keep beeing displayed.
Here, the package's tool tip and spot have been removed to put my own widget. The problem is that it was very long to create, it is not optimized, that's not really relliable and it don't follow chart's animations.

[imaNNeo]

Hello, great to hear that, enjoy it :)
All charts have a built-in handled interaction, but you can implement your own interaction.
In the 0.5.0 we've added Velocity to in FlPanEnd to determine the Tap event.
It means you can handle Tap events, and show/hide spots as you want.
We have a sample that handles tap to show or hide the tooltips in the ScatterChart, you can findout how to do that.
check it out:

Sample 2 (Source Code)

Let me know if it does make sense to you.

[komputerboy]

How to make a chart like that?
To have a feature to group by yearly, monthly, and weekly?

[imaNNeo]

I didn't get you.

[komputerboy]

I didn't get you.

I mean how to make a feature to group chart data by yearly, monthly, and weekly?
so, when user clicks yearly, then the chart shows yearly data, and when weekly then the shart show weekly data.

[Nicolas-Bouvard]

Hello, great to hear that, enjoy it :)
All charts have a built-in handled interaction, but you can implement your own interaction.
In the 0.5.0 we've added Velocity to in FlPanEnd to determine the Tap event.
It means you can handle Tap events, and show/hide spots as you want.
We have a sample that handles tap to show or hide the tooltips in the ScatterChart, you can findout how to do that.
check it out:

Sample 2 (Source Code)

Let me know if it does make sense to you.

After a few tests I didn't find any way to apply that to line charts.
I'm looking for a settings that allow us to keep displaying or not spot and tooltip.
Currently it doesn't seem to exist but it could be a cool enhancement =)

Anyway thanks for this package =)

Edit:
Woops I missed showingToolTipIndicator.
So yes now it make sense ! Thank you ! =)

[Nicolas-Bouvard]

I didn't get you.

I mean how to make a feature to group chart data by yearly, monthly, and weekly?
so, when user clicks yearly, then the chart shows yearly data, and when weekly then the shart show weekly data.

That's not a package's feature. It's only a setState() which changes the list of FlSpots to show.

[imaNNeo]

I will make a sample in the LineChart ASAP.

[GOGJIAN]

I will make a sample in the LineChart ASAP.

where is the sample？I can't find it，please help me

[GOGJIAN]

I will make a sample in the LineChart ASAP.

where is the sample？I can't find it，please help me

I use showingTooltipIndicators and handleBuiltInTouches: true, because I need the line and dot

in this case ,when I touch ,this work fine,but when I longpress or move finger, this tip will be removed

OR I use showingTooltipIndicators and handleBuiltInTouches: false , but the getTouchedSpotIndicator params indicators always is []

[GOGJIAN]

I will make a sample in the LineChart ASAP.

where is the sample？I can't find it，please help me

I use showingTooltipIndicators and handleBuiltInTouches: true, because I need the line and dot

in this case ,when I touch ,this work fine,but when I longpress or move finger, this tip will be removed

OR I use showingTooltipIndicators and handleBuiltInTouches: false , but the getTouchedSpotIndicator params indicators always is []

oh I sovled it, by showingIndicators ,alright，emmm ，this not comfortable

[Sharkaboi]

Any way to do this with LineChart ? showingIndicators seems to be for bar charts.

[masterwok]

@imaNNeoFighT is there a LineChart sample for persistent tool tips with TouchedSpotIndicatorData somewhere? I was able to get a persistent tool tip on tap working using your bar chart sample but I wasn't able to get the TouchedSpotIndicatorData to render on the graph (dot and dashed line) when handleBuiltInTouches was set to false. Any help would be greatly appreciated! Thank you.

[imaNNeo]

So I have updated our LineChartSample5 to implement a toggle to show/hide the tooltip in LineChart.

You can check it out live in our web app at https://app.flchart.dev
There is a link to source-code in the example (top right)

toggle_tooltip_line_chart.mov