showPlannedTasks Boolean (default: false)

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.

Example

<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>
In this article