Skip to main content

getTaskBarHeight

Description​

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

getTaskBarHeight: (taskId: number | string) => number

Parameters​

  • taskId - (required) number | string - the task's id

Returns​

  • param - (number) - the 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
note

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

Change log​

  • added in v7.1