Our state of the art Gantt chart


Post by SIM-LTD »

Hi

When Zoom-In/zoom-Out the Start-Date render changes, in both Column and Tooltips.

Look at the Screenshot.

This is easily reproducible from your https://www.bryntum.com/examples/gantt/advanced/
And then just click Zoom-In and after Zoom-Out
You'll notice that both Start Date rendering is changing in the Column Start and in the Tooltips
Then render make the Start Date only with the hour (the Date is not rendered)

That makes impossible to know which date is the task start.
Attachments
Capture d’écran 2019-09-16 à 12.09.48.png
Capture d’écran 2019-09-16 à 12.09.48.png (216.01 KiB) Viewed 2355 times
Capture d’écran 2019-09-16 à 12.10.00.png
Capture d’écran 2019-09-16 à 12.10.00.png (220.16 KiB) Viewed 2355 times

Post by mats »


Post by Animal »

https://app.assembla.com/spaces/bryntum/tickets/9243/details

The GanttDateColumn class uses the same format that the current ViewPreset (zoom level) of the scheduler by default.

If you configure it with
format : 'your date format string'
it will always use the format you specify.

Post by SIM-LTD »

Hi

We do not know what you intend to say.

Nonetheless, as you can see the screenshot, made from you online demo, when ZoomIn/ZoomOut
the startDate and EndDate have their date format updated to HOUR (only) which does not allow to see when the Task start and finish
(either in the toolTip and Grid) The view in the Scheduler show "Day" but the format of both startDate and EndDate is in hour!

Thus, we believe there is an issue, which does not allow to read the Gantt accordingly.

Post by pmiklashevich »

Hello,

Updating date column's format while zooming is expected default behaviour if `format` is not specified for the column. Gantt's displayDateFormat will be used as a default value and the format will be dynamically updated while zooming according to the displayDateFormat value specified for the ViewPreset being selected.

We've updated Advanced example to stick to the fixed value:
    columns : [
        // format is specified explicitly to do not rely on gantt.displayDateFormat
        { type : 'startdate', format : 'll LT' },
        ...
And also updated the docs to make this behaviour clear.

Best,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post by SIM-LTD »

Hi There

Thank you for your extra explanation and we tested if from the online Demo where we added
{ type : 'startdate', format : 'll LT' },
. And the outcomes is the Date format in the column is preserved.

Nonetheless, is this an issue or is this a standard process?

According to your answer, it seems to be a standard process.

Hence, do we have to set this portion of code in the Tooltip? so to ensure that the Start & end Date render correctly?

Finally, quite honestly why changing the format of the Start / End Date of a Task when the preset view changes?
The Start/End Date are values that should be always rendered (moreover for a task that last more than 1 Day)
under the same format, no matter the Zoom level used in the Gantt Chart.
Because look at the screenshot herewith, in the tooltip the date format has different format according to the Zoom Level, and some are wrong for Day Preset view!
Attachments
Capture d’écran 2019-10-15 à 17.34.37.png
Capture d’écran 2019-10-15 à 17.34.37.png (240.16 KiB) Viewed 2311 times
Capture d’écran 2019-10-15 à 17.34.14.png
Capture d’écran 2019-10-15 à 17.34.14.png (202.51 KiB) Viewed 2311 times
Capture d’écran 2019-10-15 à 17.17.35.png
Capture d’écran 2019-10-15 à 17.17.35.png (244.88 KiB) Viewed 2311 times

Post by Maxim Gorkovsky »

We discussed this problem, checked how it worked in old gantt and decided this is worthy to be fixed: https://app.assembla.com/spaces/bryntum/tickets/9382-tooltip-date-format-should-be-more-informative-during-zooming
Thank you for report.
As a workarond you can set displayDateFormat after preset change. Smth like:
gantt.on('zoomchange', () => gantt.displayDateFormat = 'll LT')

Post by Maxim Gorkovsky »

Also instead of previous override you can try setting displayDateFormat on the gantt itself:
gantt = new Gantt({ displayDateFormat : 'll LT' })

Post by SIM-LTD »

Hi Maxin

Very nice to you.
We'll do so and looking forward to seeing the new release.

Post by SIM-LTD »

Hi

Just want to let you know that the last workaround set at the Gantt level is much better since is allowed to keep the date format in both Column Grid and ToolTip, as it should be...

Thank you

Post Reply