Set the Gantt time range

By default, the Gantt chart shows the time range as compact as possible to fit the Work Items.

TABLE OF CONTENTS

• Time range filter
• Page Parameters filter
• Gantt Rows Footer

Time range filter

If you want to set the start and end date manually, set the following snippet to Advanced > Gantt Config Script.

gantt.config.start_date = new Date(2024, 11, 10);
gantt.config.end_date = new Date(2025, 7, 20);

Please be aware that in JavaScript, months in the Date object are zero-based, meaning:

    •    January = 0,

    •    February = 1,

    •    March = 2,

    •    …

    •    December = 11

In this example, the time range would be set from 10th December 2024 to 20th August 2025.

Page Parameters filter

You may also set the time range with Page Parameters in your LiveReport Page. Let's suppose you have two parameters, start and end.

Set the following snippet to Advanced > Gantt Config Script. 

gantt.config.start_date = new Date($widgetContext.pageParameters.start.value.time);
gantt.config.end_date = new Date($widgetContext.pageParameters.end.value.time);

If you named your IDs something other than start and end, please change them accordingly.

Gantt Rows Footer

Starting with version 25.3.1, there will be an indicator in the Gantt footer when items are hidden by the time range filter.

• The footer will display how many rows are visible out of the total
• A funnel icon with a tooltip describing the applied time range will be shown when you hover over it

For any assistance, please don’t hesitate to reach out by submitting a ticket here.