Change rendering order of axis and range pointer?

Hello everyone,

I'd like to have the axis and ticks "in front of" the range pointer.

Added a reference picture of the project I'm trying to recreate in Flutter:

2024-12-08 05_07_33-Ultimate ETS2 Dashboard V1.1.241207 (HTML Renderer).jpg


3 Replies

NK Naveen Kesavaraj Syncfusion Team December 9, 2024 12:26 PM UTC

Hi Thorsten Sprotte,

 

We have reviewed your query and found that there is no direct support for placing the axis and ticks "in front of" the RangePointer. However, as a workaround, we have created a sample that achieves this by using two  RadialAxis.

 

In this solution, one RadialAxis is dedicated to displaying the RangePointer, while the second radial axis is used for the AxisLineStyle, label, and ticks. This setup allows the axis and ticks to appear in front of the RangePointer, fulfilling your requirement.

 

We have attached the sample code below for your reference. Please review it and let us know if you need further assistance.

 

Regards,
Naveen K.

Demo..gif

 


Attachment: 195436_b9be7290.zip


TS Thorsten Sprotte December 9, 2024 12:41 PM UTC

Yes, I figured that would be a workaround; thanks for the answer though!


Kind regards,

Thorsten



NK Naveen Kesavaraj Syncfusion Team December 10, 2024 09:29 AM UTC

Hi Thorsten Sprotte,

 

You are most welcome. Please get back to us if you need any other assistance. We are happy to assist as always.

 

Regards,

Naveen K.


Loader.
Up arrow icon