Forum Academy Marketplace Showcase Pricing Features

[New plugin] Fully Customizable Gantt / Timeline Chart

Hi @shot

Thank you for your questions. I have answered them below.

1 - I think you can see those in the editor, but maybe they are a little hard to find:
Event: ‘Bar is clicked’.
States (these are set when a bar is clicked): ‘Name’, ‘id’, ‘Current progress’, ‘Starting date (text)’ and Ending date (text).

2 - I just published an update (1.1.0) that let you change the view mode dynamically! I also updated the demo page:

Viewmode change preview

3 - The bars on the chart can’t be manipulated. Initially it was the intention to include these features, but they let to a lot of bugs and unexpected behaviour and that’s why they are not included in this version.

Hopefully I answered all your questions. :slight_smile:

1 Like

Thanks for the info!

1 Like

Really cool.

Looks like it breaks if you swap between day/week etc when you have a pop up open. The chart goes blank at the point.

This is on Safari 13.1.1

1 Like

@casheets123 I will look into it :+1:

sorry, not the big white pop up, the black little pop up :slight_smile:

looks like it splits the graph in two down the middle and the graph scroll gets wonky, not showing the graph unless you scroll way way left.

1 Like

@casheets123 It is now working as expected (1.2.0) :slight_smile:

Confirmed, works great.

Nice job!

1 Like

Thank you! Love how modern the charts look.

I’m receiving this error when the page loads:

    The plugin Gantt / Timeline Chart / element Gantt chart threw the following error: UnexpectedError Invalid fieldName: null
    at Object.get (
    at eval (PLUGIN_Gantt---Timeline-Chart-update--Gantt-chart-.js:7:97) (please report this to the plugin author)

Hi @mattsmithhosting! This is probably caused because the chart doesn’t have any data to show (or in this case an empty ‘Name’). Once you add the data to your database it will show up on the chart.

I will at the end of the day try if I can push an update to get rid of this error and just show no chart or an empty chart when there is no data. I think that a lot of people will find that useful :slight_smile:

1 Like

Update 1.3.0

1 - Charts with no data will not trigger errors anymore. If there is no data the chart element will stay empty.

2 - Missing ‘id’, ‘name’ or ‘progress’ values in your data will also not trigger errors anymore. The starting date and ending date properties are still mandatory. @mattsmithhosting

3 - The tooltip will not get smaller on click anymore.


Thanks for looking into it so quick. I’ve updated to the most recent version. I’m still seeing nothing and an error in the debug.

The Data Source is generating results but the top section is still showing as empty. I’ve tried a repeating group with the same search to check if it’s to do with privacy settings, however, the repeating group do show Task results.

I will send you a PM!

Massive thanks to @Thimo! Found how I’d miss-configured the plugin and had it working in less than 10 minutes.

1 Like

Update 1.4.0

The amount of hours of the data entries are now taken into account for the ‘Quarter day’ and ‘Half day’ view modes!

Hi @Thimo,

Great work on this.

Is it possible to include point and drag? In the demo is looks like I can only use the scroll wheel after clicking my mouse wheel button.



+1 for point and drag.

1 Like

@lantzgould @nocodeventure

I just published version 1.5.0 containing a custom drag to scroll feature! You can turn this off inside the property settings. Also, you can specify a specific multiplier to speed up the scroll and you can enable/disable the ‘grab’ cursor style :slight_smile:

I have updated the demo page so you can take a look.



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?


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’?

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.

1 Like