TimeLine chart with tracking ball

Question

Hi, I trying to build a chart similar to attachment .

I'm using SfCartesianChart,

is there way to get 24h like in pic, I've tried this:

primaryXAxis:DateTimeAxis(

intervalType: DateTimeIntervalType.hours,

desiredIntervals: 2,

interval: 2,

maximum: DateTime.now().add(

Duration(hours: 24, minutes: 59, seconds: 59),

),

// sets the date format to 12 hour

dateFormat: DateFormat.jm(),

),

but it displays 12:00PM - 12:00 PM

also, how i can update Trackball according to the current time?

Attachment: chart_85c198a1.rar

Yuvaraj Gajaraj · Answer

Hi Bar ilan kimbaro, 
 
Greetings from Syncfusion. We have analyzed your query and we suspect that you wish to show the trackball at current time after chart the chart renders. If this is your requirement, using the showByIndex public method, we can show the trackball. We have prepared a sample, here we have shown the trackball at current time using the button click event. You can modify this based on your scenario. 
 
Sample: https://www.syncfusion.com/downloads/support/forum/170037/ze/f170037970806944 
  
User guide: https://help.syncfusion.com/flutter/cartesian-charts/methods#methods-in-trackballbehavior 
 
If this is not your case, kindly share more information on how you need to show the trackball i.e on user interaction on the chart or without interacting the chart, such information will be helpful in providing the solution earlier. 
 
Regards, 
Yuvaraj.