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");

Использование 2-го и 3-го параметров метода является хорошим способом установить граничные значения временной шкалы:

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.

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

К началу