Our state of the art Gantt chart


Post by striker »

Hello, I want to integrate SchedulerPro with Gantt, like on this example:

https://www.bryntum.com/examples/gantt/gantt-schedulerpro/

I did all same.

Used version: Gantt-Trial-4.0.8
Angular: 9.1.9

I am importing SchedulerPro & Gantt from same bundle:

 }...  from 'bryntum-gantt/gantt.umd.js';

Rendering Scheduler is from code-side:

    const schedulerInstance = new SchedulerPro({
      appendTo: this.schedulerDiv.nativeElement,
      partner: this.ganttInstance,
      minHeight           : '20em',
      flex                : 1,
      columns : [
        {
            type           : 'resourceInfo',
            field          : 'name',
            text           : 'Resource',
            showEventCount : true
        }
      ],
      features : {
        dependencies : true,
        percentBar   : true
      },
    });

Project model is appending after API returns data:

        const project: ProjectModel = this.getProjectModel(apiData);
        this.ganttInstance.project = <any>project;
        this.schedulerInstance.project = <any>project;

ProjectModel structure:

    const project = new ProjectModel(<any>{
      resourcesData: resources,
      eventsData:  events,
      assignmentsData: assignments,
      dependenciesData:  dependencies,
    });

like on this example:
https://www.bryntum.com/docs/scheduler-pro/#guides/data/displayingdata.md

In the result: I have integrated Gantt with Scheduler - I see same resources, when I'm zooming, gantt and scheduler are zooming both, so it's looking like "it's working".

But... Date on gantt are rendering well, not visible on SchedulerPro.

notworking.png
notworking.png (106.78 KiB) Viewed 299 times

Can you help me with resolving this problem?
Thanks! :)


Post by striker »

Fast problem...
I had an issue in assignments. ResourceId wasn't propertly assigned to eventId.
Maybe this topic will help someone.
Greetings


Post Reply