Task Complete

Task Complete Column

The task complete column is represented as a float number. To enable it, you need to add the "complete" field in you source data.

The normal task complete data is fetched directly from source data, whereas the summary task complete data will be a result of calculation.

The calculation formula: the total actual duration of tasks / the total estimated duration of tasks * 100%

You can define a complete column in your gantt view with the following code:

var view = myTable.addView("ganttView", [
    ...
    { value: "complete" }
    ...
]);

With that code, the complete bar should show inside of the taskbar.

Complete Cell Type

You can click the buttons of the cell in the complete column to increase or decrease the complete value.

Drag to Change Complete

When you add a complete column into the gantt view, you can drag to change the complete value inside of the taskbar.

API

You can use API to set/get the task complete column directly.

class Task {
    /**
     * Gets or sets a float number that indicates the complete percentage of this task. The value could be 0 to 1.
     * @type {number}
     */
    complete: number;

    /**
     * Gets or sets a Date value that indicates the progress of a task. It is the point up to which actual have been reported for the task.
     * @type {Date}
     */
    completeThrough: Date;
}

Sample:

var task = ganttSheet.getTaskByRow(10);
// get complete
console.log(task.complete);
// set complete
task.complete = 0.5;
// get complete through
console.log(task.completeThrough);
// set complete through
task.completeThrough = task.finish;