[comment]: # ({639de728-b282f075})
# 13 Период времени и селекторы узлов сети

[comment]: # ({/639de728-b282f075})

[comment]: # ({e6286d40-f37e3a77})
#### Обзор

На этой странице описаны селекторы периода времени и узла сети, доступные на панелях.
Эти селекторы позволяют динамически настраивать отображаемые данные во всех совместимых [виджетах панели](/manual/web_interface/frontend_sections/dashboards/widgets) без изменения настроек отдельных виджетов.

[comment]: # ({/e6286d40-f37e3a77})

[comment]: # ({94514871-880861c5})
#### Селектор периода времени

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

![](../../../assets/en/manual/web_interface/time_period_selector.png){width="600"}

Такие варианты, как *Today*, *This week* и т. д., отображают весь период, включая часы/дни в будущем.
Такие варианты, как *Today so far*, *This week so far* и т. д., отображают только прошедшие часы.

После выбора периода его можно сдвигать назад и вперед во времени, нажимая кнопки со стрелками
![](../../../assets/en/manual/config/visualization/arrow_left.png) ![](../../../assets/en/manual/config/visualization/arrow_right.png).
Кнопка *Zoom out* позволяет уменьшить масштаб периода на 50% в каждом направлении.

::: noteclassic
Для [графиков](/manual/config/visualization/graphs) (кроме тех, у которых [период времени](/manual/web_interface/frontend_sections/dashboards/widgets/graph/#time-period) задан как *Custom*) также можно выбрать отображаемый период времени, выделив область на графике левой кнопкой мыши.
После отпускания левой кнопки мыши график приблизится к выделенной области.
Уменьшить масштаб также можно двойным щелчком по графику.
:::

Поля *From/To* отображают выбранный период либо в абсолютном формате времени (в формате `Y-m-d H:i:s`), либо в относительном формате времени.
Относительный период времени может содержать одну или несколько математических операций (- или +), например `now-1d` или `now-1d-2h+5m`.

Поддерживаются следующие сокращения относительного времени:

-   `now`
-   `s` (секунды)
-   `m` (минуты)
-   `h` (часы)
-   `d` (дни)
-   `w` (недели)
-   `M` (месяцы)
-   `y` (годы)

В селекторе периода времени поддерживается точность (например, `/M` в `now-1d/M`). Подробности о точности:

|Точность|From|To|
|--|----|----|
|`m`|Y-m-d H:m:00|Y-m-d H:m:59|
|`h`|Y-m-d H:00:00|Y-m-d H:59:59|
|`d`|Y-m-d 00:00:00|Y-m-d 23:59:59|
|`w`|Понедельник недели 00:00:00|Воскресенье недели 23:59:59|
|`M`|Первый день месяца 00:00:00|Последний день месяца 23:59:59|
|`y`|1 января года 00:00:00|31 декабря года 23:59:59|

Также можно выбрать период времени с помощью выбора даты.
Чтобы открыть его, нажмите значок календаря рядом с полями *From/To*.

![](../../../assets/en/manual/config/date_picker.png)

::: noteclassic
В окне выбора даты можно перемещаться между годом/месяцем/датой с помощью `Tab`, `Shift+Tab` и клавиш со стрелками на клавиатуре.
Нажатие `Enter` подтверждает выбор.
:::

[comment]: # ({/94514871-880861c5})

[comment]: # ({867eae11-f6a303da})
Примеры:

|From|To|Selected period|
|--|--|------|
|`now/d`|`now/d`|00:00 - 23:59 сегодня|
|`now/d`|`now/d+1d`|00:00 сегодня - 23:59 завтра|
|`now/w`|`now/w`|Понедельник 00:00:00 - воскресенье 23:59:59 на этой неделе|
|`now-1y/w`|`now-1y/w`|Неделя с понедельника 00:00:00 - воскресенья 23:59:59 год назад|

::: noteimportant
Использование "now/M+1M" для параметра *To* может добавить 31 день, что может привести к смещению даты на 1-3 дня в зависимости от количества дней в месяце. Например, если использовать это в январе, результатом может быть 02 марта вместо ожидаемого 28 февраля. Чтобы избежать этой проблемы, используйте "now/M-3d+1M/M", который корректно учитывает длину месяца. Аналогично, если настраиваете *From* для перехода назад, используйте "now/M+3d-1M/M".
:::

[comment]: # ({/867eae11-f6a303da})

[comment]: # ({d8a21cc4-6b1a1126})
#### Селектор узла сети

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

Он становится доступен после [редактирования и сохранения](/manual/web_interface/frontend_sections/dashboards#editing-a-dashboard) панели мониторинга, если хотя бы один виджет настроен с параметром *Override host*, установленным на использование панели мониторинга в качестве [источника данных](/manual/web_interface/frontend_sections/dashboards/widgets/#dynamic-parameters).

![](../../../assets/en/manual/web_interface/frontend_sections/monitoring/dynamic_selection.png){width="600"}

[comment]: # ({/d8a21cc4-6b1a1126})