Столбиковая диаграмма
8 800 555-89-02
Войти
Документация
CTRL+K
Standalone2412
SaaS

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

В этой статье

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

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

Настройки виджета

Помимо общих настроек, у виджета есть уникальные.

Настройка данных

У виджета есть две группы разрезов: первый разрез и второй разрез. В каждую группу можно добавить несколько разрезов. В разрезах можно скрыть пустые значения, добавить действия по клику и настроить параметр Отображать (Всегда/По переменной/По формуле).Также в виджет можно добавлять меры.

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

Заметка

Отображение режимов настройки цвета в разрезах и мерах зависит от конфигурации виджета.

1 разрез2 разреза
1 мераДля разреза доступны режимы:
1. Отключено
2. По значениям (для значений доступны правила с базовым режимом)
3. По правилу (для значений доступны правила по разрезу, которые добавлены в виджет)

Для меры доступны правила с режимами:
1. Базовый
2. По мере
3. Настроить
Для первого разреза:
Настройка цветов недоступна

Для второго разреза доступны режимы:
1. Отключено
2. По значениям (для значений доступны правила с базовым режимом)
3. По правилу (для значений доступны правила по разрезу, который добавлен в виджет)

Для меры:
Настройка цветов недоступна
Несколько мерДля разреза:
Настройка цветов недоступна

Для меры доступны правила с режимом:
1. Базовый
Невозможная конфигурация виджета

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

Совет

Если в столбиковой диаграмме используется 2 разреза, то сортировка по итоговому значению может отображаться некорректно. Для корректного отображения сортировки по итоговому значению используйте формулу any(process(count("2_разрез"), "1_разрез")). Формула рассчитывает весь диапазон значений и позволяет вывести результат как по возрастанию, так и по убыванию.

Настройка отображения

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

Регулирует размер текста в виджете, кроме значений меток для мер. Значение по умолчанию — 14.

Лимит разреза и лимит второго разреза

Регулирует количество столбиков на диаграмме. Значение по умолчанию для первого разреза — 15, для второго — 50.

Скрыть пустые значения

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

Подсказка

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

Тип

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

Ориентация

Регулирует направление, в котором отображаются столбики:

  • Авто (по умолчанию)
  • По вертикали
  • По левому краю
  • По правому краю

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

Легенда

Подробности работы с легендой описаны на странице Виджеты.

Ось X

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

Ось Y

Для оси Y можно включить отображение заголовка и указать ширину меток.

Заметка

Отображение обеих осей можно включить или отключить.

Настройка фильтрации

Для виджета доступны стандартные настройки фильтрации.

Фильтр, настроенный в виджете, невозможно удалить в режиме просмотра.

Подробнее о виджете Столбиковая диаграмма в видеокурсе.

Настройка виджета в YAML

Виджет можно редактировать не только в визуальном конструкторе, но и в YAML-редакторе. В таблице ниже представлены ключи и значения, которые можно использовать для настройки. Подробнее о том, как работать с ключом value, описано на странице Значения разрезов и мер в YAML. Форматы данных, которые можно использовать, описаны на соответствующей странице. Общие параметры для виджетов описаны на странице Настройка виджетов в YAML.

Настройки данных в YAML

КлючТипОпределение
titlestringЗаголовок
showMarkdownbooleanОписание
markdownTextstringТекст описания
markdownMeasuresМеры в описании
dimensionsFirstGroupПервый разрез
dimensionsSecondGroupВторой разрез
measuresМеры
sortingСортировка

Первый разрез (ключ dimensionsFirstGroup)

КлючТипОпределение
namestringНазвание показателя
valueФормула показателя события
dbDataTypeenumТип данных показателя события
formatenumФормат
formattingenumФорматирование
formattingTemplatestringСобственное форматирование
Только для форматирования CUSTOM (Настроить)
hideEmptyValuesbooleanСкрыть пустые значения
hierarchyDimensionsРазрезы иерархии
Если добавлен этот параметр, то показатель определяется как иерархия
onClickДействия по клику
Если показатель иерархический, параметр не применяется
colorЦвет:
- DISABLED — отключено
- VALUES — по значениям
- RULE — по правилу
Параметр не применяется, если:
1. Добавлен параметр во вторую группу
2. Создано больше одного показателя в мерах
3. Показатель иерархический
displayConditionОтображать (условие отображения)
Иерархический разрез для первого разреза (ключ hierarchyDimensions)
КлючТипОпределение
namestringНазвание события
valueФормула показателя
dbDataTypeenumТип данных формулы
formatenumФормат
formattingenumФорматирование
formattingTemplatestringСобственное форматирование
Только для форматирования CUSTOM (Настроить)
hideEmptyValuesbooleanСкрыть пустые значения
onClickДействия по клику
colorЦвет:
- DISABLED — отключено
- VALUES — по значениям
- RULE — по правилу
Параметр не задается, если:
1. Добавлен параметр во вторую группу
2. Создано больше одного показателя в мерах
displayConditionОтображать (условие отображения)

Второй разрез (ключ dimensionsSecondGroup)

КлючТипОпределение
namestringНазвание показателя
valueФормула показателя события
dbDataTypeenumТип данных показателя события
formatenumФормат
formattingenumФорматирование
formattingTemplatestringСобственное форматирование
Только для форматирования CUSTOM (Настроить)
hideEmptyValuesbooleanСкрыть пустые значения
hierarchyDimensionsРазрезы иерархии
Если добавлен этот параметр, то показатель определяется как иерархия
onClickДействия по клику
Если показатель иерархический, параметр не применяется
colorЦвет:
- DISABLED — отключено
- VALUES — по значениям
- RULE — по правилу
Параметр не применяется, если:
1. Добавлен параметр во вторую группу
2. Создано больше одного показателя в мерах
3. Показатель иерархический
displayConditionОтображать (условие отображения)
Иерархический разрез для второго разреза (ключ hierarchyDimensions)
КлючТипОпределение
namestringНазвание события
valueФормула показателя
dbDataTypeenumТип данных формулы
formatenumФормат
formattingenumФорматирование
formattingTemplatestringСобственное форматирование
Только для форматирования CUSTOM (Настроить)
hideEmptyValuesbooleanСкрыть пустые значения
onClickДействия по клику
colorЦвет:
- DISABLED — отключено
- VALUES — по значениям
- RULE — по правилу
Параметр не отображается, если не было добавлено ни одного показателя в первый разрез и было создано больше одного показателя в мерах
displayConditionОтображать (условие отображения)

Меры в YAML (ключ measures)

КлючТипОпределение
namestringНазвание меры
valueФормула меры
dbDataTypeenumТип данных меры
formatenumФормат
formattingenumФорматирование
formattingTemplatestringСобственное форматирование
Только для форматирования CUSTOM (Настроить)
showLabelsПоказывать метки значений
colorЦвет:
- AUTO — авто
- BASE — базовый
- GRADIENT — по градиенту
- RULE — по правилу
- FORMULA — по формуле
He задается, если разрезы добавлены в обе группы
displayConditionОтображать (условие отображения)
Показывать метки значений (ключ showLabels)
КлючТипОпределение
enabledbooleanМетки вкл/выкл
sizenumberРазмер меток

Настройки отображения в YAML

КлючТипОпределение
appearanceРасширенные настройки отображения
titleSizenumberРазмер заголовка
titleColorЦвет заголовка:
- AUTO — авто
- BASE — базовый
titleWeightenumТолщина шрифта:
- NORMAL — обычная
- BOLD — большая
textSizenumberРазмер текста
firstDimensionLimitnumberЛимит первого разреза
secondDimensionLimitnumberЛимит второго разреза
hideEmptyValuesbooleanСкрыть пустые значения
showHintbooleanПодсказка
chartTypeenumТип:
- STACK — с накоплением
- GROUP — с группировкой
orientationenumОриентация:
- AUTO — авто
- HORIZONTAL — по горизонтали
- VERTICAL-LEFT — по вертикали слева
- VERTICAL-RIGHT — по вертикали справа
legendЛегенда
showTotalLabelsМетки итоговых значений
Только для типа STACK
xAxisНастройки оси X
yAxisНастройки оси Y

Метки итоговых значений (ключ showTotalLabels)

КлючТипОпределение
enabledbooleanИтоговые метки вкл/выкл
sizenumberРазмер итоговых меток

Настройки оси X (ключ xAxis)

КлючТипОпределение
enabledbooleanОсь X вкл/выкл
rotationnumberПоворот меток
heightnumberВысота меток
showTitlebooleanЗаголовок

Настройки оси Y (ключ yAxis)

КлючТипОпределение
enabledbooleanОсь Y вкл/выкл
widthnumberШирина меток
showTitlebooleanЗаголовок

Настройки фильтрации в YAML

КлючТипОпределение
filterModeenumРежим фильтрации:
- DEFAULT — базовый
- SINGLE — единичный выбор
- MULTI — множественный выбор
- DISABLED — отключено
ignoreFiltersbooleanИгнорировать фильтры
filtersФильтры
aggregateFiltersАгрегатные фильтры
stateNamestringСостояние

Пример настроенного виджета в YAML-редакторе

- key: BAR_CHART
    apiVersion: "7"
    type: BAR_CHART
    settings:
      displayCondition:
        mode: DISABLED
      orientation: VERTICAL_LEFT
      textSize: 12
      xAxis:
        showTitle: false
        enabled: false
      ignoreFilters: false
      legend:
        position: BOTTOM
        align: CENTER
      dimensionsFirstGroup:
        - displayCondition:
            mode: DISABLED
          color:
            mode: DISABLED
          dbDataType: STRING
          name: Магазин
          format: STRING
          value:
            mode: FORMULA
            formula: '"store"."Магазин"'
          formatting: AUTO
          onClick: []
      filters: []
      showHint: true
      filterMode: DEFAULT
      yAxis:
        showTitle: false
        enabled: true
      measures:
        - displayCondition:
            mode: DISABLED
          color:
            mode: AUTO
          dbDataType: INTEGER
          name: Кол-во продаж
          format: NUMBER
          value:
            mode: FORMULA
            formula: sum("sale"."Кол-во продаж")
          formatting: AUTO
          valueLabel:
            size: 12
            enabled: true
          showLabels:
            enabled: true
            size: 12
        - displayCondition:
            mode: DISABLED
          color:
            mode: AUTO
          dbDataType: INTEGER
          name: Кол-во продаж План
          format: NUMBER
          value:
            mode: FORMULA
            formula: sum("sale"."Кол-во продаж План")
          formatting: AUTO
          valueLabel:
            size: 12
            enabled: true
          showLabels:
            enabled: true
            size: 12
      dimensionsSecondGroup: []
      sorting:
        - name: sum (Кол-во продаж)
          value:
            mode: IN_WIDGET
            index: 0
            group: measures
          direction: DESC
      chartType: GROUP
      secondDimensionLimit: 50
      title: ""
      titleSize: 14
      stateName: Состояние 1
      firstDimensionLimit: 5
      showTotalLabels:
        size: 12
        enabled: false
      titleColor:
        mode: AUTO
      titleWeight: NORMAL
      showMarkdown: false
      markdownMeasures: []
      markdownText: ""

Была ли статья полезна?

Да
Нет
Предыдущая
Комбинированная диаграмма
8 (800) 555-89-028 (495) 150-31-45team@infomaximum.com
Для бизнеса
© 20102025. ООО «Инфомаксимум»
Мы используем файлы cookies, чтобы сайт был лучше для вас.