initialisiert ein dhtmlxGantt innerhalb eines Containers
| container | string | HTMLElement | ein HTML-Container (oder dessen ID), in dem ein dhtmlxGantt-Objekt initialisiert wird |
| from | Date | der Startwert der Zeitachse (X-Achse) |
| to | Date | der Endwert der Zeitachse (X-Achse) |
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
gantt.init("gantt_here");
gantt.load("tasks.json");
Die Verwendung der 2. und 3. Parameter der Methode ist eine gute Möglichkeit, die Grenzwerte der Zeitachse festzulegen:
gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));
Beachten Sie, dass die Datumsparameter der gantt.init-Methode Abkürzungen für die start_date und end_date Konfigurationen sind.
Die beiden Code-Snippets unten sind gleichwertig:
gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));
und
gantt.config.start_date = new Date(2023, 08, 10);
gantt.config.end_date = new Date(2023, 08, 20);
gantt.init("gantt_here");
Was diese Konfigurationen tun, ist, den angezeigten Datumsbereich zu definieren und zu begrenzen. Aufgaben, die außerhalb dieses angegebenen Bereichs liegen, werden nicht angezeigt.
Die Verwendung der Datumsparameter der gantt.init-Methode sowie der start_date und end_date Konfigurationen hebt die
fit_tasks Einstellung auf.
Wenn Sie möchten, dass die Zeitachse dynamisch an den Datumsbereich angepasst wird, können Sie entweder diese Parameter weglassen oder den Zeitbereich dynamisch verwalten.
Diese Methode setzt benutzerdefinierte Schichten zurück, die über die addTaskLayer und addLinkLayer Methoden zum Zeitstrahlbereich hinzugefügt wurden. Daher müssen Sie diese nach dem Aufruf der gantt.init-Methode erneut definieren, damit die benutzerdefinierten Schichten auf einer Seite angezeigt werden.