richtet ein dhtmlxGantt in einem angegebenen Container ein
container | string | HTMLElement | Der HTML-Container (oder dessen ID), in dem das dhtmlxGantt erstellt wird |
from | Date | Der Startpunkt der Zeitskala (X-Achse) |
to | Date | Der Endpunkt der Zeitskala (X-Achse) |
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
gantt.init("gantt_here");
gantt.load("tasks.json");
Die Übergabe des 2. und 3. Arguments an diese Methode ist eine einfache Möglichkeit, die Grenzen der Zeitskala festzulegen:
gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));
Beachte, dass die Datumsparameter in gantt.init
als Abkürzungen für die Konfigurationen start_date und end_date dienen.
Die beiden folgenden Beispiele erzielen dasselbe Ergebnis:
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");
Diese Einstellungen definieren und beschränken den sichtbaren Datumsbereich. Aufgaben außerhalb dieses Bereichs werden nicht angezeigt.
Die Verwendung der Datumsargumente in gantt.init
oder der Konfigurationen start_date und end_date überschreibt die Option fit_tasks.
Wenn die Zeitskala sich lieber automatisch basierend auf dem Datumsbereich anpassen soll, können diese Parameter weggelassen oder der Zeitbereich dynamisch gehandhabt werden.
Diese Methode setzt alle benutzerdefinierten Layer zurück, die über die Methoden addTaskLayer und addLinkLayer im Timeline-Bereich hinzugefügt wurden. Deshalb müssen diese benutzerdefinierten Layer nach dem Aufruf von gantt.init erneut angewendet werden, damit sie auf der Seite erscheinen.