Resize a Gantt chart

[Martin Pamplin]

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]

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 

1. Product release version
2. Video reference for the issue
3. Code snippet or issue reproduceable sample

 

Regards, 

Karthikeyan Raja 

[Martin Pamplin]

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]

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]

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.