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

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

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

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

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

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

Назначьте новые значения соответствующим опциям конфигурации.
Например, чтобы переключить единицу масштаба с "month" на "day", обновите свойство unit в конфигурации scales.
При необходимости обновите соответствующий шаблон.
Например, чтобы выделить выходные в шкале, измените шаблон scale_cell_class.
Перерисуйте диаграмму 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();

К началу