Динамическое изменение настроек шкалы

Динамическая настройка шкалы делает диаграмму Ганта более адаптируемой, удовлетворяя различные нужды пользователей.

Возьмем в качестве примера менеджера с годовым проектом. Для получения общего обзора проекта лучше всего подходит просмотр по месяцам. Но для погружения в детали конкретной задачи более практично разбивать проект по неделям или дням.

Зачем выбирать только один вариант? Позвольте пользователям решать и переключаться между ними по мере необходимости.

Настройки конфигурации

Если вам нужно динамически изменить настройки шкалы (например, шаг или подшкалу) после того, как dhtmlxGantt уже был инициализирован, выполните следующие шаги:

1. Обновите соответствующие параметры конфигурации.
   Например, чтобы переключить единицу измерения шкалы с "месяца" на "день", измените свойство unit опции scales.
2. Обновите соответствующий шаблон, если необходимо.
   Например, чтобы отметить выходные на шкале, используйте шаблон scale_cell_class.
3. Обновите диаграмму Ганта с помощью метода render.

Динамическое изменение конфигурации шкалы

gantt.config.scales = [
    {unit: "month", step: 1, format: "%F, %Y"},
];
 
gantt.init("gantt_here");
 
 
gantt.config.scales = [                             {unit: "day", step: 1, format: "%d %M, %D"} ];                                              gantt.templates.scale_cell_class = function(date){    if(date.getDay()==0||date.getDay()==6){        return "weekend";    }};gantt.render();

К началу