The ExtJs Gantt Pro ships with a SharePoint example!

This blog is a good starting point.
https://www.bryntum.com/blog/adding-a-powerful-gantt-chart-to-a-sharepoint-site

I have created a gantt trial suite bundle with the spfx example included

You can download it from here
http://jaav.nl/download/gantt-2.1.5-trial-spfx.zip

After download you can follow the steps I have posted.

Ah misunderstanding! You can download the latest nightly at https://customerzone.bryntum.com/ Download gantt-2020-07-07-next and extract the contents. Then follow the instructions in the readme of /examples/react/typescript/sharepoint-fabric What comes basically down to: Use node version 10.19.0 nvm...

You are running the example from C:\SPFx\react\typescript\sharepoint-fabric , it is missing the sources needed like the ../../../_shared/scripts/build.js file. Could you pull the latest nightly tonight? The sharepoint-fabric example should be included. When pulled: Type in the bryntum-suite folder. ...

I think in this case the current used Persons list (data for the ResourceStore) is in your case the Section list. This is a bit hard to say, without knowing or seeing the used list configurations. But a I assume there is a list 'Section' or 'Sections' in your SP domain. this.getDataset(this.hostWebU...

To achieve a combobox list column in the BryntymSharepoint2013 demo you can do it like: I will take the department list as an example. You can use the same approach for the Section list. First create a model for the lookup list: class SPDepartment extends Model { static get fields() { return [ { nam...

Have you set headerHeight correctly?

https://www.bryntum.com/docs/gantt-for- ... aderHeight

It looks like if it is the same problem. I also noticed that the system crashes when you have large projects (>1000 taks and several hundred dependencies). In some cases the first and last tasks are not displayed. I doubt if it is the same problem. Could be that you have to increase the header size...

The NodeJs solution has some new features, some will not work with the old backend like websockets. The node solution uses puppeteer as a base. The installation is much smoother because ImageMagick, PhantomJs are no longer required. Besides the new backend is able to handle more pages. Also is has s...