Столбчатая диаграмма

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

Визуализацию «столбчатая диаграмма» можно использовать, если нужно показать:

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

Настройка столбчатой диаграммы

Следующее видео показывает, как создать и настроить визуализацию «столбчатая диаграмма»:

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

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

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

Пример 1

Expand table

Group	Value1	Value2	Value3
uno	5	3	2

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

Пример 2

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

Expand table

Group	Value1	Value2	Value3
uno	5	3	2
dos	10	6	4
tres	20	8	2

Хотя первое поле может быть основано на времени и с помощью столбчатой диаграммы можно строить временные ряды, для больших объёмов данных временных рядов мы рекомендуем использовать визуализацию «временной ряд» и настроить её отображение в виде столбцов.

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

Применение фильтров из столбчатой диаграммы

В столбчатых диаграммах можно применять фильтры прямо из визуализации. Фильтры доступны, когда поле оси x поддерживает фильтрацию, а источник данных поддерживает фильтры детализации дашборда, например Prometheus или Loki.

Чтобы отобразить кнопку фильтра, наведите курсор на столбец со значением, по которому нужно отфильтровать, и щёлкните по столбцу:

Подробнее о применении фильтров таким способом см. в разделе Cross-filtering.

Свойство переопределения Transform

Используйте свойство переопределения Graph styles > Transform, чтобы преобразовывать значения рядов, не влияя на значения, отображаемые в подсказке, контекстном меню или легенде. Доступны следующие варианты преобразования:

• Constant — показывать первое значение как константную линию.
• Negative Y transform — отражать результаты в отрицательные значения по оси y.

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

Параметры панели

Параметры столбчатой диаграммы

Используйте эти параметры, чтобы уточнить визуализацию.

Expand table

Option	Description
X Axis	Specify which field is used for the x-axis.
Orientation	Choose from: Auto - Grafana decides the bar orientation based on the panel dimensions. Horizontal - Will make the X axis the category axis. Vertical - Will make the Y axis the category axis.
Rotate x-axis tick labels	When the graph is vertically oriented, this setting rotates the labels under the bars. This setting is useful when bar chart labels are long and overlap.
X-axis tick label max length	Sets the maximum length of bar chart labels. Labels longer than the maximum length are truncated, and appended with .... This option is available when Rotate x-axis tick labels isn’t 0.
X-axis labels minimum spacing	Sets the minimum spacing between x-axis labels. Depending on your choice, you can select the RTL checkbox to require space from the right side. Choose from: None - All tick marks are shown. Small - 100 pixels of space is required between labels. Medium - 200 pixels of space is required between labels. Large - 300 pixels of space is required between labels.
Show values	This controls whether values are shown. Values are shown on top or to the left of bars. Choose from: Auto Values will be shown if there is space. Always Always show values. Never Never show values.
Stacking	Controls bar chart stacking. Choose from: Off: Bars will not be stacked. Normal: Bars will be stacked on each other. 100%: Bars will be stacked on each other, and the height of each bar is the percentage of the total height of the stack.
Group width	Controls the width of groups. 1 = Max width, 0 = Min width. This option is hidden when stacking is enabled or when the chart has only one numeric field.
Bar width	Controls the width of bars. 1 = Max width, 0 = Min width.
Bar radius	Controls the radius of the bars. Choose from: 0 = Minimum radius 0.5 = Maximum radius
Highlight full area on hover	Controls if the entire surrounding area of the bar is highlighted when you hover over the bar. This option is available only when Stacking is Off.
Color by field	Use the color value for a sibling field to color each bar value.
Line width	Controls line width of the bars. This is a field option and can be set in field defaults or overrides.
Fill opacity	Controls the fill opacity of bars. This is a field option and can be set in field defaults or overrides.
Gradient mode	Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard color scheme field option. Gradient appearance is influenced by the Fill opacity setting. This is a field option and can be set in field defaults or overrides.

Режим градиента

Задаёт режим градиентной заливки. Градиент заливки основан на цвете линии. Чтобы изменить цвет, используйте стандартный параметр поля «цветовая схема». На внешний вид градиента влияет параметр Fill opacity. Доступны следующие варианты:

• None — без градиентной заливки. Это значение по умолчанию.
• Opacity — прозрачность градиента рассчитывается на основе значений по оси y. Непрозрачность заливки растёт вместе со значениями по оси Y.
• Hue — цвет градиента формируется на основе оттенка цвета линии.
• Scheme — столбец получает цвет градиента, заданный выбором Standard options > Color scheme.

  • From thresholds — если в Color scheme выбрано From thresholds (by value), каждый столбец получает цвет заданного порога.

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

Параметры подсказок

Параметры легенды

Размер текста

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

Оси

Используйте следующие параметры полей, чтобы уточнить отображение осей.

О настройке нескольких осей y см. в разделе Несколько осей y.

Некоторые параметры поля не влияют на визуализацию, пока вы не щёлкнете вне редактируемого поля параметра или не нажмёте Enter.

Expand table

Option	Description
Placement	Select the placement of the Y-axis. Choose from: Auto - Grafana automatically assigns Y-axis to the series. When there are two or more series with different units, then Grafana assigns the left axis to the first unit and right to the following units. Left - Display all Y-axes on the left side. Right - Display all Y-axes on the right side. Hidden - Hide all axes. To selectively hide axes, add a field override that targets specific fields.
Label	Set a Y-axis text label. If you have more than one Y-axis, then you can assign different labels with an override.
Width	Set a fixed width of the axis. By default, Grafana dynamically calculates the width of an axis. By setting the width of the axis, data whose axes types are different can share the same display proportions. This makes it easier to compare more than one graph’s worth of data because the axes are not shifted or stretched within visual proximity of each other.
Show grid lines	Set whether grid lines are displayed in the chart. Choose from: Auto - Grafana automatically determines whether grid lines are displayed. On - Grid lines are always displayed. Off - Grid lines are never displayed
Color	Choose whether the axis color is the Text or Series color.
Show border	Toggle the switch to hide or display the border.
Scale	Set how the y-axis is split. Choose from: Linear Logarithmic - Choose between log base 2 or log base 10. Symlog - Uses a symmetrical logarithmic scale. Choose between log base 2 or log base 10, allowing for negative values.
Centered zero	Set the y-axis so it’s centered on zero.
Soft min and soft max	Set a Soft min or soft max option for better control of Y-axis limits. By default, Grafana sets the range for the Y-axis automatically based on the dataset.

Soft min и soft max

Задайте параметры Soft min или soft max для более точного управления пределами оси Y. По умолчанию Grafana автоматически задаёт диапазон оси Y исходя из набора данных.

Настройки Soft min и soft max помогают не превращать небольшие всплески в горы, когда данные в основном плоские, а жёсткие min или max, заданные стандартными параметрами минимума и максимума, не позволяют кратковременным пикам сгладить полезные детали, обрезая пики после определённой точки.

Можно задать стандартные параметры min/max, чтобы определить жёсткие пределы оси Y. Подробнее см. в разделе Определения стандартных параметров.

Стандартные параметры

Ссылки и действия для данных

Сопоставления значений

Пороги

Переопределения полей