Custom chart trackball

[Glib Garkovenko]

Hi. I need a help creating custom trackball as on the screenshot. The logic is similar to groupAllPoints, but the trackball position should follow the user's mouse cursor. Can you help me with implementation? I also want to add that it should show all the point's even if they aren't visible.

[Praveen Balu]

Hi Glib Garkovenko,

Query 1: I need a help creating custom trackball as on the screenshot,
Query 2: The trackball position should follow the user's mouse cursor

 We have achieved the desired UI using the builder property in trackball behavior, and we've shared both the code and a demo for your reference. However, the trackball's position does not follow the user's mouse cursor when using the builder with the current behavior. We have achieved this by using custom trackball behavior. While we were able to make the trackball position follow the user's mouse cursor, with the help of the custom trackball behavior. For reference, we’ve included the sample code and shared demos for both scenarios. Please modify the sample based on your requirement. For further details regarding trackball behavior, we have attached the documentation link below. Documentation link for trackball behavior - https://help.syncfusion.com/flutter/cartesian-charts/trackball-crosshair#trackball.

Query 3: I also want to add that it should show all the point's even if they aren't visible.

According to our current behavior, we have no options to show the points for non-visible series.

Regards,
Praveen balu.

Attachment: custom_trackball_77476fbf.zip