How can I use range silder in sfchart to show data in proper way

I hope this message finds you well. I am currently working on a project that involves utilizing a range slider in conjunction with SFCharts. The primary objective is to enable users to manipulate a date range within the slider, subsequently influencing the displayed data on the graph. To elaborate further, as the user interacts with the slider by moving it left or right, the associated date values should dynamically adjust accordingly. Simultaneously, the graph should also respond to these date changes by updating its content to reflect the selected range accurately.

To provide a clearer context and enhance your understanding of my inquiry, I have attached a video demonstration showcasing the intended functionality. I kindly request that you review the attached video at your convenience, as it effectively illustrates the desired behavior I'm aiming to achieve.

If you could spare some time to review the video and subsequently offer any guidance, insights, or instructions on how to best implement this date range slider functionality with SFCharts, I would greatly appreciate your assistance.


Attachment: 3212347de35241e996318bee2a09b7e9.mp4_da438eac.zip

2 Replies

MU Muhammad Usman Irshad August 17, 2023 12:46 PM UTC

One more thing just like the video I want to show 5 digit value after the point in the y-axis like 1.0123, Even I am passing a value like 1.512312 but it shows 1.5. please give me the solution 



NT Nitheeshkumar Thangaraj Syncfusion Team August 18, 2023 01:01 PM UTC

Hi Muhammad,


We would like to inform you that we have fulfilled your requirement using DateTimeRangeNavigator in combination with SfChart. For further clarification, please refer to the documentation and 'Getting Started' sample link provided below. We can customize the label format using TooltipFormat property.


Getting Started Documentation


Tooltip Format Documentation


Getting Started Sample


If you have any more questions or need further assistance, feel free to ask.


Regards,

Nitheeshkumar.


Loader.
Up arrow icon