Эта функциональность была устаревшей с версии 6.2. Для установки нескольких временных шкал используйте конфигурацию scales
. Узнать больше.
Если вам нужно отображать задачи в нескольких единицах времени одновременно, вы можете добавить дополнительные шкалы под основной.
Эти дополнительные шкалы настраиваются с помощью свойства subscales
:
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
gantt.config.subscales = [
{unit:"week", step:1, date:"%W"},
{unit:"day", step:1, date:"%D" }
];
Вы можете настроить следующие аспекты второй шкалы:
Чтобы определить единицу измерения второй шкалы, вы можете использовать атрибут unit со свойством subscales
:
gantt.config.subscales = [
{unit:"month", date:"%F, %Y" }
];
Related sample: Multiple scales
Атрибут step в свойстве subscales
позволяет задать шаг для второй шкалы:
gantt.config.subscales = [
{unit:"month", step:1, date:"%F, %Y" }
];
Related sample: Multiple scales
Вы можете указать формат второй шкалы, используя:
gantt.config.subscales = [
{unit:"week", step:1, date:"%W"}
];
gantt.config.subscales = [
{unit:"week", step:1, template:weekScaleTemplate}
];
var weekScaleTemplate = function(date){
var dateToStr = gantt.date.date_to_str("%d %M");
var endDate = gantt.date.add(gantt.date.add(date, 1, "week"), -1, "day");
return dateToStr(date) + " - " + dateToStr(endDate);
};
Related sample: Multiple scales
Для получения более подробной информации о доступных символах формата обратитесь к статье Спецификация Формата Даты.
Чтобы настроить внешний вид второй шкалы, вы можете использовать атрибут css в свойстве subscales
:
<style type="text/css">.weekend{
background: #F0DFE5 !important;
}
</style>
var daysStyle = function(date){
var dateToStr = gantt.date.date_to_str("%D");
if (dateToStr(date) == "Sun" || dateToStr(date) == "Sat") return "weekend";
return "";
};
gantt.config.subscales = [
{unit:"day", date:"%D", css:daysStyle }
];
Использование ключевого слова !important в CSS гарантирует корректное применение стилей.
Related sample: Multiple scales
К началу