Resize a Gantt chart

Question

I am using a JS1 Gantt chart and I need to change the schedule header type. The chart has historical data covering a 10 year range using Weeks / Days to start. I have followed the example in the JS1 documentation ( https://js.syncfusion.com/demos/jquery/#!/bootstrap/gantt/schedulingconcepts/timescalemodes ), but I have two problems:

1/ The documentation used a reRenderChart method which I cannot find in my installation. I used setModel and this appeared to work...

2/ Having done this with setModel it now works until I start scrolling.This works initially but when it gets about 10% of the way across ( roughly where the last task ends ) it continues to scroll the schedule data area but not the headers.

Karthikeyan Raja · Answer

Hi Martin, 
 
We have analyzed your query and prepared sample with your requirement but we are unable to reproduce the reported issue and reRenderChart method is working fine. Please find the sample from below link, 
Sample - https://jsplayground.syncfusion.com/oadx2x1u 
If you are still facing issue, kindly revert us with below details 

Product release version
Video reference for the issue
Code snippet or issue reproduceable sample
 
Regards, 
Karthikeyan Raja

Martin Pamplin · Answer

Thanks but...I looked at your example, but my issues is the other way around. - Set the schedule to initially be week. - Displays fine. - Change the button to set the schedule to year. - Now scroll across and the header will stop.

Karthikeyan Raja · Answer

Hi Martin, 
  
We regret for the inconvenience caused.    
  
We were able to reproduce the issue regarding scroller is not updating based on schedule header. So we have logged an issue report for this.    
We will provide  you a custom patch for this issue by March 13, 2020. You can track its status from below feedback link.   
Feedback – https://www.syncfusion.com/feedback/12594 
  
Until then you can use reRenderChart method to change the schedule header dynamically. Please find the code snippet below,  




//……  
function onClick(args) {  
   var ganttObj = $("#GanttContainer").data("ejGantt");  
   ganttObj.reRenderChart(ej.Gantt.ScheduleHeaderType.Week);  
}  
  
  
Please let us know if you require further assistance on this.   

Regards, 
Karthikeyan Raja

Pooja Priya Krishna Moorthy · Answer

Hi Martin, 
Thanks for your patience. 
We have fixed the reported issue. Please find the updated script file from below link. 
https://www.syncfusion.com/downloads/support/directtrac/general/ze/ej.web.all.min-939385801 
We have also prepared a sample for your reference. Please find the sample from below link. 
Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/Gantt-702359789 

Regards, 
Pooja K.