New to Kendo UI for jQuery? Start a free 30-day trial

ShowPlannedTasks

configuration

If set to true, the Gantt Timeline will render both the planned and the actual execution of tasks. In order to display properly, the Planned vs. Actual view would need the plannedStart and plannedEnd date fields for tasks to be set.

showPlannedTasks

Boolean

Default: false

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    plannedStart: new Date("2014/6/17 9:00"),
    plannedEnd: new Date("2014/6/17 16:00"),
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 18:00")
  }],
  showPlannedTasks: false
});
</script>