We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

we want add a blinking animation on a selected marker

Hi team
As per our requirement we need a blinking animation on a selected marker of the graph and selected label text colour should be be highlighted like below attached screen shot.

is it possible to develop this type of animation for this graph and only change perticular x label colour ?

3 Replies

YG Yuvaraj Gajaraj Syncfusion Team February 28, 2023 12:47 PM UTC

Hi Vikram,

The requirement can be achieved with the help of an AnimationController and CustomPainter widget, here we have rendered a blinking marker at the tapped data point position and hide when the tooltip get disappeared. We have created the sample and shared it below for your reference, you can modify it as per your requirement.




Attachment: f180761_f1825faf.zip

VI vikram March 1, 2023 04:33 AM UTC

Hi Yuvaraj

i will try this and let you know , 
you didn't share you solution for my another question which is (selected label text colour only for one x value should be highlighted like below attached screen shot.)

YG Yuvaraj Gajaraj Syncfusion Team March 1, 2023 02:17 PM UTC

Hi Vikram,

We don't have support for highlighting the axis label dynamically, but you can customize the axis label at the initial load time with the help of the axisLabelFormatter callback in the axis. We have shared the UG documentation below for your reference.

UG, https://help.syncfusion.com/flutter/cartesian-charts/callbacks#axislabelformatter



Live Chat Icon For mobile
Up arrow icon