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

Комбинированная диаграмма

В этой статье

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

Пример комбинированной диаграммы

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

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

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

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

Для мер доступны дополнительные настройки.

Тип

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

Дополнительно для меры можно включить метки значений и указать их размер (по умолчанию — 12).

Заметка

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

1 разрез
1 мераТип диаграммы Линия

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

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

Тип диаграммы Столбик

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

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

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

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

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

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

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

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

Лимит разреза

Регулирует количество отображаемых на диаграмме столбиков или точек (по умолчанию — 15).

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

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

Подсказка

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

Тип

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

Ориентация

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

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

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

Сглаживание линий

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

Легенда

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

Ось X

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

Ось Y

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

Ось Y2

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

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

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

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

Заметка
  • Фильтр, настроенный в виджете, невозможно удалить в режиме просмотра.
  • Если к виджету применить фильтр по клику, то выделяются выбранные точки на линии.

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

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

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

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

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

Разрезы в YAML (ключ dimensions)

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

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

КлючТипОпределение
namestringНазвание меры
valueФормула меры
dbDataTypeenumТип данных меры
formatenumФормат
formattingenumФорматирование
formattingTemplatestringСобственное форматирование
Только для форматирования CUSTOM (Настроить)
displayТип отображения меры
showLabelsМетки значений
colorЦвет
1. Для мер с типом AUTO (авто):
- AUTO — авто
2. Для мер с типом BAR (столбик):
- AUTO — авто
- BASE — базовый
- FORMULA — по формуле
- RULE — по правилу
3. Для мер с типом LINE(линия):
- AUTO — авто
- BASE — базовый
- RULE — по правилу
displayConditionОтображать (условие отображения)
Тип отображения меры в YAML (ключ display)
КлючТипОпределение
modeenumТип:
- AUTO — авто
- BAR — столбик
- LINE — линия
lineThicknessenumТолщина линий:
- THIN — тонкие
- THICK — толстые
Только для типа LINE (линия)
Метки значений в YAML (ключ showLabels)
КлючТипОпределение
enabledbooleanМетки вкл/выкл
sizenumberРазмер меток

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

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

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

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

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

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

Настройки оси Х2 (ключ x2Axis)

КлючТипОпределение
enabledbooleanОсь Х2 вкл/выкл
rotationnumberПоворот меток
heightnumberВысота меток
showTitlebooleanЗаголовок
rangeSwitchbooleanДиапазон вкл/выкл
rangeЗначения диапазона
Значения диапазона в YAML (ключ range)
КлючТипОпределение
minnumberМинимальное значение
maxnumberМаксимальное значение

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

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

Настройки оси Y2 (ключ y2Axis)

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

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

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

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

- key: combined-bar-chart
  apiVersion: "7"
  type: COMBINED_CHART
  settings:
    title: ""
    titleSize: 14
    titleColor:
      mode: AUTO
    titleWeight: NORMAL
    showMarkdown: false
    markdownMeasures: []
    markdownText: ""
    textSize: 12
    displayCondition:
      mode: DISABLED
    showTotalLabels:
      enabled: false
      size: 12
    xAxis:
      enabled: true
      showTitle: false
    x2Axis:
      enabled: true
      showTitle: false
      rangeSwitch: false
      range: {}
    yAxis:
      enabled: true
      showTitle: false
    y2Axis:
      enabled: true
      showTitle: false
      rangeSwitch: false
      range: {}
    dimensionLimit: 15
    dimensions:
      - name: Магазин
        value:
          mode: FORMULA
          formula: '"store"."Магазин"'
        dbDataType: STRING
        format: STRING
        formatting: AUTO
        displayCondition:
          mode: DISABLED
        color:
          mode: DISABLED
        onClick: []
    measures:
      - name: Рентабельность
        value:
          mode: FORMULA
          formula: (sum("sale"."Сумма продаж") - sum("sale"."Себестоимость") )/
            sum("sale"."Сумма продаж") * 100
        dbDataType: FLOAT
        format: NUMBER
        formatting: x.x[%]
        display:
          mode: STACK
          lineThickness: THIN
        showLabels:
          enabled: true
          size: 12
        color:
          mode: BASE
          value: "#c5d4e0"
        displayCondition:
          mode: DISABLED
        formattingTemplate: ""
      - name: Себестоимость
        value:
          mode: TEMPLATE
          dbType: CH
          tableName: sale
          columnName: Себестоимость
          templateName: sum
        dbDataType: FLOAT
        format: NUMBER
        formatting: AUTO
        display:
          mode: LINE
          lineThickness: THICK
        showLabels:
          enabled: true
          size: 12
        color:
          mode: BASE
          value: "#078936"
        displayCondition:
          mode: DISABLED
    chartType: STACK
    lineSmoothing: true
    orientation: HORIZONTAL
    legend:
      position: BOTTOM
      align: CENTER
    filterMode: DEFAULT
    ignoreFilters: false
    stateName: null
    filters: []
    sorting: []

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

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