How to set the minimum and maximum time in the DateTime X-axis?

Hi, I am trying to apply the minimum time and maximum time based on the X-axis chart based on the DateTime picker that I have selected. 
1. How can I pass the value of DateTimePicker to controller as it is always null?
2. How can I set the value of the Min value and Max value of the x-axis based on the DateTimePicker that I have selected? 
Is there any way to do it? I would like to have advice on it. 
Thanks in advance. 



this is the model 


this is the controller 


3 Replies 1 reply marked as answer

SM Srihari Muthukaruppan Syncfusion Team December 14, 2020 07:20 AM UTC

Hi Weng, 

We have analysed your query. From that, we would like to let you know that we can achieve your requirement by default using our stockchart control. Based on that we have prepared a sample for your reference in which we have hidden range selector and series types and indicator types button to achieve your requirement. Please find the sample and screenshot below. 
 
 
Screenshot: 
Before changing: 
 
 
After Changing: 
 
 
We have also attached the demo link and UG link for stockchart customization for better understanding. 
 
 
 
Let us know if you have any concerns. 
 
Regards, 
Srihari M 


Marked as answer

WK Weng Keong Lan December 14, 2020 10:17 AM UTC

Hi Srihari, I would like to set the x-axis based on the dateTimePicker instead of the calendar. 
1. Is there any way that I could set the minimum and maxiumum of x-axis dynamically based on the DateTimePicker that I set?
2. How can I show the visibility of the line based on the multiselect dropdown that I choose? 
Is there any way that could solve this? Thanks in advance. 






SM Srihari Muthukaruppan Syncfusion Team December 15, 2020 11:52 AM UTC

Hi Weng, 
 
We have analysed your query. Based on your requirement we have prepared a sample using daterangepicker and on changing the values we have modified the minimum and maximum values of axis as requested. Please find the sample and screenshot below. 
 
 
Screenshot: 
Before Change: 
 
After Change: 
 
 
Let us know if you have any concerns. 
 
Regards, 
Srihari M 


Loader.
Up arrow icon