You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: data/desktop/baselines.md
+3-12Lines changed: 3 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,19 +1,10 @@
1
-
Extra Elements in Timeline Area
1
+
Custom Elements in Timeline Area
2
2
==========================================
3
3
4
4
{{pronote This functionality is available only in the PRO edition}}
5
5
6
-
Common description
7
-
------------------------------------------
8
-
9
-
By default, dhtmlxGantt renders elements of the timeline area as layers and does it in the following order:
10
-
11
-
1. Timeline's grid
12
-
2. Links
13
-
3. Tasks
14
-
15
-
Displaying additional elements, such as a baseline or deadline marker, is usually done by creating a displayable layer and placing custom elements there
16
-
(using the absolute positioning to put custom elements next to the related task).
6
+
dhtmlxGantt provides the [built-in functionality](desktop/inbuilt_baselines.md) that allows rendering such extra elements as baselines,
7
+
deadlines and task constraints by default. In case, you need to extend or modify the default features, you can add custom elements into timeline manually as described below.
17
8
18
9
**To add one more layer to the timeline area**, use the api/gantt_addtasklayer.md method. As a parameter, the method takes a function that:
{{pronote This functionality is available only in the PRO edition}}
5
+
6
+
7
+
By default, dhtmlxGantt renders elements of the timeline area as layers and does it in the following order:
8
+
9
+
1. Timeline's grid
10
+
2. Links
11
+
3. Tasks
12
+
13
+
Displaying additional elements, such as a baseline or deadline marker, is usually done by creating a displayable layer and placing custom elements there
14
+
(using the absolute positioning to put custom elements next to the related task).
15
+
16
+
Baselines
17
+
----------------
18
+
19
+
In project management tools like Gantt charts, baselines are essential for comparing the planned project timeline with the actual progress.
20
+
Gantt API provides built-in support for baseline entities, greatly simplifying the work with this important element.
In project management, tracking deadlines and understanding task constraints are vital for timely delivery.
114
+
DHTMLX Gantt comes with built-in visualization for deadlines and constraints, enhancing the ability to manage project timelines effectively.
115
+
116
+
### Deadlines visualization
117
+
118
+
Gantt supports a numeric **task.deadline** field. When specified, it displays a visual indicator on the chart, thereby simplifying the tracking of task deadlines.
119
+
120
+
~~~js
121
+
gantt.parse({
122
+
data: [
123
+
{
124
+
id:1,
125
+
text:"Task with Deadline",
126
+
start_date:"2025-04-04",
127
+
duration:5,
128
+
deadline:newDate(2025, 3, 10), // April 10, 2025 /*!*/
0 commit comments