计划vs实际
的计划vs实际甘特函数的功能允许您比较实际的开始和结束日期改为原计划日期。如果任务的实际完成日期与计划结束时间日期匹配，则使用默认任务外观。在下面的场景中，当实际日期和计划日期之间存在差异时，甘特图会通过更改任务的外观来将其可视化:
- 实际的
结束任务日期在计划日期之前结束日期——任务用绿色表示。 - 实际的
结束任务日期在计划日期之后结束日期-一个孵化的条形，标记任务中呈现的延迟。 - 实际的
开始任务日期在计划日期之后结束日期——任务用红色表示。
有关计划与实际功能的完整示例，请参阅计划vs实际(演示)．
配置
下面的示例演示如何配置甘特图以显示计划日期和实际日期。
@ (Html.Kendo()。甘特() .Name("gantt") .Columns(columns => { columns.Bound(c => c.Title).Title("Task").Editable(true).Sortable(true).Width(200); columns.Bound(c => c.Start).Title("Actual Start Date").Format("{0:M/d/yyyy}").Width(85); columns.Bound(c => c.End).Title("Actual End Date").Format("{0:M/d/yyyy}").Width(85); columns.Bound(c => c.PlannedStart).Title("Planned Start Date").Format("{0:M/d/yyyy}").Width(85); columns.Bound(c => c.PlannedEnd).Title("Planned End Date").Format("{0:M/d/yyyy}").Width(85); }) .Views(views => { views.DayView(); views.WeekView(weekView => weekView.Selected(true)); views.MonthView(); }) .ShowPlannedTasks(true) .Toolbar(t => t.Add().Name("plannedTasks")) .Editable(e => e.PlannedTasks(true)) .Resizable(true) .Snap(false) .DataSource(d => d .Model(m => { m.Id(f => f.TaskID); m.ParentId(f => f.ParentID); m.OrderId(f => f.OrderId); m.Field(f => f.Expanded).DefaultValue(true); m.Field(f => f.PlannedStart); m.Field(f => f.PlannedEnd); }) .Read("Planned_Vs_Actual_Read_Tasks", "Gantt") ) .DependenciesDataSource(d => d .Model(m => { m.Id(f => f.DependencyID); m.PredecessorId(f => f.PredecessorID); m.SuccessorId(f => f.SuccessorID); m.Type(f => f.Type); }) .Read("Planned_Vs_Actual_Read_Dependencies", "Gantt") .Create("Planned_Vs_Actual_Create_Dependency", "Gantt") .Destroy("Planned_Vs_Actual_Destroy_Dependency", "Gantt") ) ) 的plannedTasks工具集工具栏配置启用甘特工具栏中的开关，该开关允许切换计划vs实际功能。
的ShowPlannedTasks配置控制是否最初显示计划的日期。
通过可编辑的配置时，可以允许或阻止对计划任务的编辑。