Set Row and Task Height
Navigate to Widget Properties > Advanced > Gantt Config Script and add the following properties:
Always set task_height to a value smaller than row_height. If the task bar is taller than the row, it will overlap adjacent rows and produce rendering artifacts.
Compact Mode for Large Charts
When working with charts containing many items, reduce both values to show more rows on screen. For example, a compact configuration:
This produces a dense layout where task bars are closely packed, maximizing the number of visible items without scrolling.
For comparison, the default configuration with task_height = 32 and row_height = 38 provides more padding between rows and larger task bars, which improves readability when you have fewer items.
Pair with Right-Side Text
If you are using right-side text on task bars, adjust the row height to accommodate both the task bar and the text label. A tight row height may cause text to overlap adjacent rows. Start with a configuration like:
Then increase row_height if the right-side text appears clipped or overlaps.
When working with compact row heights and many items, enable Widget Properties > Advanced > Maximize to expand the Gantt chart to fill the browser window. This maximizes the number of visible rows. See Use Fullscreen and Maximize Mode. Verification
You should now see the Gantt chart rows rendered at your configured height. Compare the row spacing before and after the change to confirm the values took effect. If rows appear too cramped, increase row_height by a few pixels.
See also
