Gantt tasks are shifted to the right

[Mohamed]

The tasks are placed in wrong date in the chart panel.

 

for example: the "T2" task has start date (20/10/2020) and end date (23/10/2020) but in the chart is placed in (6/11) - (9/11).

 

this is the configuration I used for rendering the component: 

kendo.jQuery(chartElement).kendoGantt({

    views: [{type: 'week', selected: true, slotSize: 30}],

    rowHeight: 10,

    toolbar: ['pdf'],

    listWidth: "0%",

    editable: false,

    selectable: true,

    tooltip: {

        visible: true,

        template: `#= task.tooltip #`

    },

    range: {

        start: new Date(this.model.startDate),

        end: new Date(this.model.endDate)

    },

    showWorkDays: false,

    workDayStart: this.model.startDate,

    workDayEnd: this.model.endDate,

    taskTemplate: `<div style="background-color: #= backgroundColor #; padding: 4px 8px; border-radius: 2px"> #= title # </div>`,

});

 

// this is how I added data into the chart

const dataSource = new kendo.data.GanttDataSource({
    data: this.listOfScheduleTasksForGanttChart.map(task => {
        const startDate = new Date(task[this.ganttChartTasksGridStartDate]);
        const endDate = new Date(task[this.ganttChartTasksGridEndDate]);
        return {
            id: task.scheduleTaskId,
            orderId: task.sortId,
            parentId: task.parentId,
            title: task.taskName,
            start: startDate,
            end: endDate,
            backgroundColor: task.backColor,
            expanded: true,
            tooltip: task.toolTip
        }
    })
});

 

[Aleksandar]

Hi Mohamed,

I tested the reported behavior but failed to observe the reported issue. Is it possible that the passed start and end dates are not correct?

I created a sample dojo to test the behavior. Can you update it so the issue is reproducible and send it back to me for further investigation? This way I can provide a better suggestion on how to resolve the issue.

Regards,
Aleksandar
Progress Telerik