init

инициализирует dhtmlxGantt внутри указанного контейнера

container	string | HTMLElement	HTML-контейнер (или его id), в котором будет создан dhtmlxGantt
from	Date	начальная точка временной шкалы (ось X)
to	Date	конечная точка временной шкалы (ось X)

Example

gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
 
gantt.init("gantt_here");
gantt.load("tasks.json");

Передача второго и третьего аргументов в этот метод — простой способ задать границы временной шкалы:

gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));

Учтите, что параметры даты в gantt.init служат сокращением для конфигураций start_date и end_date. Два приведённых ниже примера дают одинаковый результат:

gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));

и

gantt.config.start_date = new Date(2023, 08, 10);
gantt.config.end_date = new Date(2023, 08, 20);
gantt.init("gantt_here");

Эти настройки определяют и ограничивают видимый диапазон дат. Задачи вне этого диапазона отображаться не будут.

Использование аргументов даты в gantt.init или конфигураций start_date и end_date переопределяет опцию fit_tasks.

Если вы хотите, чтобы временная шкала автоматически подстраивалась под диапазон дат, вы можете опустить эти параметры или динамически управлять временным диапазоном.

К началу