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

Изменение масштаба на лету помогает сделать диаграмму Gantt гибкой — способной подстроиться под потребности пользователя.

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

Какую единицу выбрать? Все! И предоставить пользователям возможность самим выбрать, какую из них применить.

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

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

1. Установите новые значения для соответствующего(их) параметра(ов) конфигурации.

Например, чтобы изменить единицу масштаба с "month" на "day", используйте свойство unit в свойстве scales.

2. Переопределите соответствующий шаблон (при необходимости).

Например, чтобы подсветить выходные в масштабе, используйте шаблон scale_cell_class.

2. Перерисуйте диаграмму Gantt с помощью метода 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(); /*!*/