Формулировка проблемы: необходимо заменить текущий график нагрузки пользователя на график, реализованный с помощью библиотеки dygraphs.
Используется: Сотрудники -> Отчеты.
Решение: необходимо заменить текущие графики нагрузки, эффективности, а также иные пользовательские графики, на новые виджеты со следующей структурой:
название;
тело графика:
ось Y - значения графика;
ось X - тайм-лайн;
кривая;
ползунок масштабирования.
Название графика
Представляет собой полное название графика в виде лейбла. Если длина названия превышает общую ширину графика, оно переносится на следующую строку.
Ось Y
Представляет собой диапазон значений кривой графика от минимального до максимального значений в рамках текущего тайм-лайна, либо области, ограниченной ползунком масштабирования.
Шаги сетки отображаются на равных промежутках друг от друга на величину, зависящую от текущих выбранных минимальных и максимальных значений.
В верхней и нижней части поля допустимых значений отображается еще по одному шагу сетки - данное свойство фиксированно. Если фактическое значение кривой графика выходит за рамки, то данная часть графика просто не отображается.
Ось X
Представляет собой диапазон дат, отображающих текущую кривую графика.
Граничные положения можно передвигать по всей оси тайм-лайна. Значения на графике показателей должны меняться в соответствии с данными граничными положениями, причем отображение графика меняется только для данного пользователя и только для данной сессии.
Формат отображения подписи оси Х определяется граничными значениями тайм-лайна:
| Интервал | Описание |
|---|---|
|
До 7 дней |
1 линия — 1 день (max — 6 линий) |
|
8 дней — 1 месяц |
1 линия — 1 неделя (max — 4 линии) |
|
1 месяц — 12 месяцев |
1 линия — 1 месяц (max — 11 линий) |
|
1 год — 2 года |
1 линия — 1 квартал (1 квартал = 3 месяца) (max — 7 линий) |
|
2 года и более |
1 линия — 1 год (max — 6 линий) |
Формат: ДД.ММ первого числа каждого периода.
Для значений, которые находятся внутри указанных интервалов (для
примера: 24 дня в промежутке
8 дней — 1 месяц) происходит
следующее:
Считается количество полных промежутков соответствующей единицы измерения линии (в примере — это
3полных недели).Для остатка (в примере — это
3дня) добавляется неполный промежуток справа, а именно столько, какую часть составляет остаток от полного промежутка (в примере — это3/7от полного промежутка).Таким образом, для приведенного примера график будет поделен тремя линиями на
3полных интервала и1неполный.
Кривая
Представляет собой линию, объединяющую значения текущего показателя.
Ползунок масштабирования
Представляет собой упрощенную версию кривой графика с граничными значениями тайм-лайна, установленными в настройках графика "Изменение периода" (настройки открываются по нажатию на виджет).
При перемещении границ ползунка кривая графика изменяется согласно новым границам. При этом график на ползунке масштабирования остается неизменным.
При изменении граничных значений тайм-лайна ("Изменение периода") положение границ ползунка остается неизменным.
Форматирование
Размер графика - 562*331 px. Расстояние между
графиками - 16 px.
Название:
шрифт -
Droid Sans,13 pt;цвет -
#606060;выравнивание - по центру.
Оси X и Y:
толщина -
1 px;цвет сетки -
#d5d5d5;цвет граничных областей -
#ebebeb.
Кривая:
толщина -
2 px;цвет - выбирается для каждого типа графика отдельно из следующей палитры (кривая - область масштабирования):
f179ce - f5a1dd;b679f3 - cca1f7;7a93f1 - a2b3f5;80c462 - a6d691;f3bc73 - f7d09d;f47474 - f79d9d.
Действия при обновлении системы
При обновлении системы все графики в модуле "Сотрудники" -> "Отчеты" изменятся на новые. Других видимых изменений быть не должно.