Конфигурация

Чтобы добиться нужного внешнего вида диаграммы Gantt, dhtmlxGantt предоставляет 2 объекта:

• [gantt.config] - конфигурационные параметры для дат, шкалы, элементов управления и т.д.
• [gantt.templates] - форматы оформления дат и меток, используемых в диаграмме Gantt.

'gantt.config' object

Все параметры конфигурации объявлены в объекте gantt.config.

Чтобы задать нужную опцию, просто запишите ее так, как она указана в этой документации.

Имейте в виду, параметры конфигурации должны располагаться перед строкой кода инициализации dhtmlxGantt.

gantt.scales = [
    { unit: "year", step: 1, format: "%Y" }
];

gantt.init("gantt_here");

Смотрите полный список свойств gantt.config в разделе "Gantt API:Properties".

Связанный пример: Просмотр по месяцам

'gantt.templates' object

Шаблоны можно использовать для изменения отображения дат и меток.

Чтобы определить шаблон, просто запишите его так, как он указан в этой документации. Помните, определения шаблонов должны располагаться перед строкой кода инициализации dhtmlxGantt.

gantt.templates.task_text =
    (start, end, task) => `<b>Text:</b> ${task.text},<b> Holders:</b> ${task.users}`;

gantt.init("gantt_here");

Смотрите полный список доступных шаблонов в разделе Gantt API:Templates

Связанный пример: Стилизация полос задач с помощью событий