20. Круговая диаграмма

Обзор

Виджет круговой диаграммы позволяет отображать значения выбранных элементов данных в виде круговой (pie) или кольцевой (doughnut) диаграммы.


Круговая диаграмма.

Кольцевая диаграмма.

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

Диаграммы отрисовываются с использованием техники векторной графики.

Настройка

Для настройки выберите Круговая диаграмма (Pie chart) в качестве типа:

Набор данных

Вкладка Набор данных (Data set) позволяет выбрать данные для круговой диаграммы, добавляя наборы данных. Можно добавить два типа наборов данных:

  • Шаблоны элементов данных (Item patterns) — отображаются значения от соответствующих элементов данных. Диаграмма рисуется, используя для каждого элемента данных различные оттенки одного цвета.
  • Список элементов данных (Item list) — отображаются значения от выбранных элементов данных. Диаграмма рисуется, используя для каждого элемента данных различные цвета.

По умолчанию добавляется набор данных Шаблоны элементов данных (Item patterns).

Набор данных
(Data set)
Для набора данных Шаблоны элементов данных (Item patterns):
Выберите или введите шаблоны узлов сети и элементов данных; на круговой диаграмме отобразятся значения элементов данных, соответствующих введённым шаблонам; может отображаться до 50 элементов данных.
Для выбора можно использовать шаблоны с подстановочными знаками (например, * вернёт результат, соответствующий нулю или более символов).
Чтобы использовать шаблоны с подстановочными знаками, введите строку вручную и нажмите Enter.
Символ подстановочного знака интерпретируется всегда, поэтому невозможно добавить, скажем, элемент данных с именем item* отдельно, если имеются другие совпадающие элементы данных (например, item2 и item3).
Для набора данных «Шаблоны элементов данных (Item patterns)» поля шаблона узла сети и шаблона элемента данных являются обязательными.
Смотрите также: Подробности настройки набора данных.

Для набора данных Список элементов данных (Item list):
Выберите элементы данных для круговой диаграммы щелчком по кнопке Добавить элемент (Add item).
Выпадающее меню Тип (Type) после имени элемента данных позволяет выбрать тип отображения для каждого элемента данных:
Нормальный (Normal) — значение элемента данных представляется на круговой диаграмме пропорционально (по умолчанию);
Всего (Total) — значение элемента данных занимает круговую диаграмму целиком. Обратите внимание, что на каждой диаграмме может присутствовать только один элемент данных «Всего (Total)», и он будет расположен в легенде круговой диаграммы первым. Если для элемента данных задано «Всего (Total)», то параметр Агрегация набора данных (Data set aggregation) (см. ниже) будет недоступен и установлен в значение «нет (not used)».
Начиная с версии Zabbix 7.0.1, в качестве источника данных для элементов данных можно также выбрать совместимый виджет, нажав на кнопку Добавить виджет (Add widget). К виджету применяются те же параметры, что и к отдельным элементам данных.
Для наборов данных «Список элементов данных (Item list)» обязательно нужно указать элементы данных или виджеты.
Смотрите также: Подробности настройки набора данных.

Обратите внимание, что допустимы только числовые типы элементов данных.

При настройке виджета на панели шаблона параметр для указания шаблонов узлов сети недоступен, а параметр для указания списка элементов данных позволяет выбирать только элементы данных, настроенные в этом шаблоне.
Функция агрегации
(Aggregation function)
Укажите, какую функцию агрегации применять к каждому элементу данных в наборе данных:
мин (min) — отображать наименьшее значение;
макс (max) — отображать наибольшее значение;
сред (avg) — отображать среднее значение;
сумма (sum) — отображать сумму значений;
кол-во (count) — отображать количество значений;
первый (first) — отображать первое значение;
посл (last) — отображать последнее значение (по умолчанию).

Агрегация позволяет отображать агрегированное значение за интервал (5 минут, час, сутки), выбранный на вкладке Период времени (Time period), или используемый для всей панели.
Агрегация набора данных
(Data set aggregation)
Укажите, какую функцию агрегации применять к целому набору данных:
нет (not used) — без агрегации, элементы данных отображаются по отдельности (по умолчанию);
мин (min) — отображать наименьшее значение;
макс (max) — отображать наибольшее значение;
сред (avg) — отображать среднее значение;
сумма (sum) — отображать сумму значений;
кол-во (count) — отображать количество значений.

Агрегация позволяет отображать агрегированное значение за интервал (5 минут, час, сутки), выбранный на вкладке Период времени (Time period), или используемый для всей панели.
Подпись к набору данных
(Data set label)
Укажите пользовательскую подпись для набора данных.
Подпись отображается в настроках набора данных и в легенде круговой диаграммы (для агрегированных наборов данных).
Все наборы данных нумеруются, включая те, для которых указана Подпись к набору данных (Data set label). Если никакой подписи не указано, набор данных будет помечен автоматически в соответствии со своим номером (например, «Набор данных #2 (Data set #2)», «Набор данных #3 (Data set #3)» и т.д.). Нумерация наборов данных пересчитывается после переупорядочивания/перетаскивания наборов данных.
Слишком длинные подписи к набору данных будут укорочены, чтобы вместиться при отображении (например: «Number of proc...»).
Подробности настройки набора данных

Существующие наборы данных отображаются в виде списка. Вы можете переупорядочить, развернуть/свернуть, изменить цвет и склонировать эти наборы данных.

Для дополнительных сведений смотрите подробности настройки набора данных в виджете График (Graph). Эти подробности применимы также и к виджету Круговая диаграмма (Pie chart).

Опции отображения

Вкладка Опции отображения (Displaying options) позволяет определить выбор данных истории и опции визуализации для круговой диаграммы:

Выбор данных истории
(History data selection)
Выбрать источник данных для графика:
Авто (Auto) данные выбираются в соответствии с алгоритмом для классического графика (по умолчанию);
История (History) — данные из истории;
Динамика изменений (Trends) — данные из динамики изменений.
Отрисовка
(Draw)
Выберите стиль визуализации круговой диаграммы:
Круговой (Pie) — полностью заполненная диаграмма (сектора занимают 100% радиуса);
Кольцевая диаграмма (Doughnut) — диаграмма с пустым кругом в центре (сектора используют до 50% радиуса).
Интервал между секторами
(Space between sectors)
Выберите размер интервала (в единицах 0-10) между секторами (по умолчанию «1»).
Объединить сектора, меньшие, чем N%
(Merge sectors smaller than N%)
Установите флажок, чтобы объединить сектора, меньшие чем N%.
Если активировано, выберите цвет объединённых секторов и пороговое значение процента (N) для объединения маленьких секторов.
Отрисовка: Кольцевая диаграмма (Draw style: Doughnut)
Ширина
(Width)
Выбрать ширину кольца: 20, 30, 40 или 50% (по умолчанию) радиуса.
Ширина обводки
(Stroke width)
Выбрать ширину границы сектора кольца (0-10).
Поддерживается с версии Zabbix 7.0.1.
Отображение общего значения
(Show total value)
Установите флажок для отображения общего значения в центре кольцевой диаграммы.
Размер (Size) Выбрать вариант размера для общего значения:
Автоматически (Auto) — размер текста автоматически подбирается таким образом, чтобы он помещался в центре кольца и был читабелен;
Пользовательское (Custom) — укажите размер текста как процент высоты от общей высоты виджета.
Число десятичных знаков
(Decimal places)
Указать количество десятичных знаков для общего значения (0-6).
Единицы измерения
(Units)
Указать единицы измерения для общего значения.
Жирный (Bold) Установите флажок для отображения общего значения жирным шрифтом.
Цвет (Color) Выбрать цвет общего значения.

Период времени

Вкладка Период времени (Time period) позволяет настроить пользовательский период времени для параметров агрегирования круговой диаграммы.:

Период времени
(Time period)
Выбрать [источник данныхdata source для периода времени:
Панель (Dashboard) — установить в качестве источника данных переключатель Период времени (Time period);
Виджет (Widget) — установить в качестве источника данных совместимый виджет, указанный в параметре Виджет (Widget);
Пользовательское (Custom) — установить в качестве источника данных период времени, указанный в параметрах От (From) и К (To); если задано, в верхнем правом углу виджета будет отображаться значок часов, обозначая заданное время при наведении указателя мыши.
Виджет
(Widget)
Ввести или выбрать совместимый виджет (График (Graph), График (классический) (Graph (classic)), Прототип графика (Graph prototype)) в качестве источника данных для периода времени.
Этот параметр доступен, если Период времени (Time period) имеет значение «Виджет (Widget)».
От
(From)
Ввести или выбрать начало периода времени.
Поддерживается синтаксис относительного времени (now, now/d, now/w-1w и т.д.).
Этот параметр доступен, если Период времени (Time period) имеет значение «Пользовательское (Custom)».
К
(To)
Ввести или выбрать окончание периода времени.
Поддерживается синтаксис относительного времени (now, now/d, now/w-1w и т.д.).
Этот параметр доступен, если Период времени (Time period) имеет значение «Пользовательское (Custom)».

Легенда

Вкладка Легенда (Legend) позволяет настроить легенду круговой диаграммы:

Легенда
(Show legend)
Снимите этот флажок, чтобы скрыть легенду на графике (по умолчанию флажок отмечен).
Отображение значения
(Show value)
Установите этот флажок для отображения в легенде значения элемента данных.
Отображение функции агрегирования
(Show aggregation function)
Установите этот флажок для отображения в легенде функции агрегирования.
Количество строк
(Rows)
Выберите режим отображения строк легенды:
Фиксированное (Fixed) — количество отображаемых строк определяется значением параметра Количество строк (Number of rows);
Переменное (Variable) — количество отображаемых строк определяется количеством настроенных элементов данных, в то же время не превышая значения параметра Максимальное количество строк (Maximum number of rows).
Количество строк/
Максимальное количество строк
(Number of rows/
Maximum number of rows)
Если Количество строк (Rows) имеет значение «Фиксированное (Fixed)», задать количество отображаемых строк легенды (1-10).
Если Количество строк (Rows) имеет значение «Переменное (Variable)», задать максимальное количество отображаемых строк легенды (1-10).
Количество колонок
(Number of columns)
Задать количество отображаемых столбцов легенды (1-4).
Этот параметр доступен, если Отображение значения (Show value) не отмечено.

Информацию, отображаемую в виджете круговой диаграммы, можно загрузить в виде изображения в формате .png с помощью меню виджетов.

Снимок экрана виджета будет сохранён в папке Загрузки (Downloads).