Bar chart#

Bar chart - это визуальное представление, в котором используются прямоугольные столбцы, длина каждого соответствует значению. Можно использовать визуализацию линейчатой диаграммы, если хотите сравнить значения по разным категориям или периодам времени. Визуализация может отображать столбцы горизонтально или вертикально, а также может быть настроена таким образом, чтобы сгруппировать или сложить столбцы в стопку для более сложного анализа данных.

Можно использовать визуализацию в виде столбчатой диаграммы, если вам нужно показать:

• Распределение населения по возрасту или местоположению

• Использование ЦП в каждом приложении

• Продажи в каждом подразделении

• Распределение места на сервере

Предусловия#

• Пользователь авторизован и имеет права на редактирование дашборда.

• Источник данных предоставляет числовые значения и категориальные или временные метки.

• Визуализация «Bar chart» доступна в списке типов панелей.

Правила эксплуатации#

• Используйте вертикальную ориентацию для категорий с короткими названиями, горизонтальную — для длинных.

• Не отображайте более 10–15 столбцов одновременно — это снижает читаемость.

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

• Ограничьте количество отображаемых значений (Show values) при плотной диаграмме.

• Используйте Thresholds и Color scheme для визуального выделения критичных значений.

• Регулярно проверяйте актуальность данных и настройки осей при изменении источника.

• Не используйте логарифмическую шкалу без необходимости — она может ввести пользователей в заблуждение.

Последовательность выполнения#

1. Убедитесь, что плагин визуализации «Bar chart» установлен в продукте PVV.

2. Откройте дашборд визуализации в интерфейсе PVV.

3. Выберите тип визуализации «Bar chart».

4. Настройте параметры конфигурации

   

5. Нажмите кнопку «Save Dashboard», чтобы отобразить визуализацию панели.

Поддерживаемые форматы данных#

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

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

Пример значений

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

Параметры конфигурации#

Panel options#

В разделе Panel options на панели редактора панелей задайте основные параметры, такие как заголовок и описание панели, а также ссылки на панели.

Bar chart options#

Используйте эти параметры для улучшения вашей визуализации.

Gradient mode#

Установите режим градиентной заливки. Градиент заливки основан на цвете линии. Чтобы изменить цвет, воспользуйтесь параметром поля стандартная цветовая схема. На внешний вид градиента влияет параметр Непрозрачности заливки. Выберите из:

• None - градиентная заливка отсутствует. Это настройка по умолчанию.

• Opacity - Прозрачность градиента рассчитывается на основе значений по оси y. Непрозрачность заливки увеличивается с увеличением значений по оси Y.

• Hue - цвет градиента генерируется на основе оттенка цвета линии.

• Scheme - Полоса получает цвет градиента, определенный выбором стандартных параметров > Цветовая схема.

  • From thresholds - если цветовая схема выбрана исходя из пороговых значений (по значению), то каждая полоса имеет цвет, соответствующий определенному пороговому значению.

  • Gradient color schemes - На следующем рисунке показана гистограмма с выбранной опцией зелено-желто-красной (по значению) цветовой схемы.

Tooltip#

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

Tooltip mode#

При наведении курсора на визуализацию может отображать всплывающие подсказки. Выберите, как будут выглядеть всплывающие подсказки.

• Single - Всплывающая подсказка при наведении курсора показывает только один ряд, на который вы наводите курсор в визуализации.

• All - Всплывающая подсказка при наведении курсора мыши отображает все серии в визуализации. Система выделяет серию, на которую вы наводите курсор, жирным шрифтом в списке серий во всплывающей подсказке.

• Hidden - не отображает всплывающую подсказку при работе с визуализацией.

Values sort order#

Если вы установите для режима подсказки значение All, отобразится параметр Values sort order. Этот параметр определяет порядок, в котором значения отображаются во всплывающей подсказке. Выберите один из следующих вариантов:

• None - автоматически сортирует значения, отображаемые во всплывающей подсказке.

• Ascending - значения во всплывающей подсказке перечисляются от наименьшего к наибольшему.

• Descending - значения во всплывающей подсказке перечисляются от наибольшего к наименьшему.

Legend options#

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

Text size#

Введите значение, чтобы изменить размер текста на вашей гистограмме.

Axis#

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

Soft min and soft max#

Установите параметр «Плавный минимум» или «плавный максимум», чтобы лучше контролировать пределы оси Y. По умолчанию автоматически устанавливает диапазон для оси Y на основе набора данных. Плавные настройки min и soft max могут предотвратить превращение скачков в горы, когда данные в основном плоские, а жесткие параметры min или max, полученные на основе стандартных параметров полей min и max, могут предотвратить сглаживание полезных деталей с помощью прерывистых скачков, которые не доходят до определенной точки. Можно задать стандартные параметры min/max для определения жестких границ оси Y. Для получения дополнительной информации обратитесь к определениям стандартных параметров.

Multiple y-axes#

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

Standard options#

Стандартные параметры в панели редактора панелей позволяют изменять способ отображения данных полей в визуализациях. При установке стандартного параметра изменение применяется ко всем полям или рядам. Для более детального управления отображением полей обратитесь к разделу Настройка переопределений.

Data links and actions#

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

Для каждого канала передачи данных установите следующие параметры:

• Title;

• URL;

• Open in new tab;

• One click - открывает ссылку для передачи данных одним щелчком мыши. Только для одной ссылки для передачи данных может быть активирован один клик одновременно.

Для каждого действия задайте следующие параметры вызова API:

Value mappings#

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

Для каждого отображения значений задайте следующие параметры:

• Condition - выберите, что будет отображаться в отображаемом тексте и (необязательно) цвете:

  • Value - Конкретные значения

  • Range - Числовые диапазоны

  • Regex - Регулярные выражения

  • Special - специальные значения, такие как Null, NaN (не число), или логические значения, такие как true и false

• Display text

• Color (Optional)

• Icon (только Canvas)

Thresholds#

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

Для каждого порогового значения задайте следующие параметры:

Field overrides#

Переопределения позволяют настраивать параметры визуализации для определенных полей или серий. Когда вы добавляете правило переопределения, оно нацелено на определенный набор полей и позволяет задать несколько вариантов отображения этого поля.

Выберите один из следующих вариантов переопределения:

Результат#

После настройки и сохранения панели с визуализацией Bar chart выполните следующие шаги для проверки корректности отображения данных:

1. Визуальная проверка диаграммы
   Убедитесь, что:

   • Столбцы отображаются в выбранной ориентации (горизонтальной или вертикальной).

   • Названия категорий на оси X отображаются корректно, без наложений (при необходимости — проверьте настройки поворота и длины меток).

   • Значения по осям соответствуют ожидаемым данным из источника.

   • Цвета столбцов соответствуют заданной цветовой схеме или пороговым значениям.

2. Проверка данных

   • Наведите курсор на столбцы и убедитесь, что во всплывающей подсказке (tooltip) отображаются правильные значения, названия серий и временные метки (если применимо).

   • Проверьте, что при включенной опции Show values числовые значения отображаются на диаграмме (сверху или слева от столбцов).

   • Если используется Stacking, убедитесь, что столбцы корректно сгруппированы и уложены (обычно или по процентам).

3. Проверка легенды

   • Легенда отображается в выбранном месте (снизу или справа).

   • Все серии данных присутствуют в легенде.

   • При наведении на элемент легенды соответствующая серия подсвечивается на диаграмме (если включена интерактивность).

4. Проверка масштабирования и осей

   • Ось Y отображается с правильной шкалой (линейной, логарифмической или symlog).

   • При использовании Soft min/max или жестких границ ось Y не обрезает важные данные.

   • Линии сетки отображаются в соответствии с выбранным режимом.

5. Проверка межпанельных взаимодействий

   • Если на дашборде включена глобальная привязка по времени — изменение временного диапазона отражается на диаграмме.

   • При наличии ссылок на данные (data links) — проверьте, что клик по столбцу или значению корректно переходит по-заданному URL.

   • При наличии действий — убедитесь, что вызов API выполняется с правильными параметрами после подтверждения.

6. Адаптивность и отображение на разных устройствах

   • Откройте дашборд на разных экранах (десктоп, планшет, мобильный) — убедитесь, что диаграмма корректно масштабируется и читаема.

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