[New plugin] Fully Customizable Gantt / Timeline Chart

[pipeleteli]

Hi @Thimo,

Nice plugin, looks awesome!

It would be great if you could be able to set a baseline, so in case you have to reschedule the task you can see directly how late are you. Is this possible?

BR!

[Thimo]

Hi @pipeleteli!

Great to hear you like the plugin! There is already a current day indicator visible in the ‘day’ viewmode. Is that maybe what you mean with ‘baseline’?

[pipeleteli]

Thanks for your reply!

Baseline, in this context, would be the original starting and ending dates you planned for your task execution, and when you get behind schedule and repogram your task, your “actual” starting and ending dates will be different than the ones you set for your baseline (original dates). In microsoft project, for instance, you can show the baseline under the task’s progress bar. In the image below, I pointed with a red arrow the black bar which represents the baseline of the task n°17, in this example you can see directly that you are a couple of days late.

[Thimo]

This is not something the plugin automatically does, but because the plugin is based on the data from your database you can when the user edits a task, create a new task with the old starting and ending date . This way a new bar will be visible with the old starting and ending date and will look like the ‘baseline’ you send in your example. You can then also change the progress of this bar to 100 or 0 and maybe change the name in ‘original task’ or something like that

[vascolucci]

Hi, l love this plugin, it is neat and simple. I have faced a problem, when I have entries with empty Starting date or end date the time line view start with 1970 when all entries with starting and end date are in 2020.

Also, is it possible to show full screen or a view that shows all 12 months (full year).

Thanks

[Thimo]

Hi @vascolucci!

Great to hear you are enjoying this plugin! When you have database entries with an empty starting date, they will automatically start in 1970. It is therefore not recommended to have database entries with empty starting / ending dates. To show a full screen you can create a page or popup that shows the plugin and redirect to that page / show the popup. There is at this time no native feature that exactly does this.

[vascolucci]

@Thimo

When you have database entries with an empty starting date, they will automatically start in 1970

But I think that’s not the right behavior, it should ignore empty starting dates so for the plugin to work with different data setup.

In my case, there are data with no Starting date it an optional field, if the Starting date is not ignored I can’t use the plugin unfortunately.

[nocodeventure]

The gantt is used to display timeline information. How would you want to display it without a date?

Just trying to understand your usecase.

[Thimo]

@vascolucci

But I think that’s not the right behavior, it should ignore empty starting dates so for the plugin to work with different data setup.

You can in your case use Bubble to filter out data entries that have an empty starting / ending date. For example:

If you are not using ‘do a search for’ you can use the ‘:filtered’ operator on your loaded data set.

[vascolucci]

I wonder if it is possible to add the ability to color the progress bar from the database field (text)?

This will allow the progress of every task comes with a different color.

Thanks

[Thimo]

@vascolucci As far as I know the JS library that is used for this plugin doesn’t support individual colored bars. If they implement a feature like this in the future I will definitely add it to the plugin.

[vascolucci]

Thanks

By the way, I have the latest version of the plugin (1.5), although when I use bar is clicked part of the chart disappear and the tooltip gets shorter with every click.

Under the the clicked event: I show a group with details of the clicked bar.

how to solve this?

[Thimo]

I will send you a PM!

[mattblake]

Love this plugin so much! It looks great in the dashboard I’m building.

I’d like to be able to include the chart in emails as an image. I’ve tried each of the Bubble plugins that captures a group as an image, so that I can then include the image in the email. However, each plugin captures an empty space. Any idea why this might be?

[Thimo]

Hi @mattblake!

I think that those plugins render the group again, but don’t have access to the JS library from plugins. But I am not sure what those plugins actually do. I would recommend to reach out to the plugin authors and ask if that plugin would work with other visual element plugins (like this chart plugin)

[Thimo]

Update 1.6.0

Multiple big improvements to make the chart work better with multiple instances of the chart on one page.

Don’t forget to refresh your editor after updating

[blake1]

Is there a way to control the order of the tasks? I added a sort by to my data, but it doesn’t change the order at all.

[Thimo]

Hi @blake1, you should be able to sort your data to change the order of your tasks. I have just tried it and it works:

Without sorting:

With sorting:

[blake1]

Ah, I got it. I was using the wrong field for sorting! Sorry to bother you!

[vascolucci]

Hi @Thimo

I think the plugin break Air Calendar (Full Calendar) when they ar both on the same page. I just tested.

Can you test, just place them both on an empty page you will see that the Air calendar will not show up and will not initialize.

Thanks