getTaskBarHeight

returns the height (in pixels) of the DOM element of the task

number getTaskBarHeight(number | string taskId);
taskIdnumber | stringthe task's id
numberthe task height

Example

gantt.config.bar_height = 45;
gantt.render();
 
gantt.getTaskBarHeight(1); // -> 45

Details

The return value can also match the value specified to the bar_height property of the task object:

const tasks = {
    data:[
        { id: 1, text: "Project #2", start_date: "01-04-2018", duration: 18, 
            progress: 0.4, open: true, bar_height: "full", row_height: 50 }, 
        { id: 2, text: "Task #1", start_date: "02-04-2018", duration: 8, 
            progress: 0.6, parent: 1, bar_height: 25, row_height: 50 },
    ]
};
gantt.init("gantt_here");
gantt.parse(tasks);
 
gantt.getTaskBarHeight(1); // -> 45
gantt.getTaskBarHeight(2); // -> 25

If the bar_height property is specified to "full", the method calculates the height of the task bar in pixels.

See also
Change log

added in v7.1

Back to top