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

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

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

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

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

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

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

Тип

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

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

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

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

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

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

Регулирует количество отображаемых на диаграмме столбиков или точек.

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

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

Подсказка

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

Тип

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

Ориентация

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

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

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

Ширина столбиков

По умолчанию — Авто (20 пикселей при горизонтальной ориентации и 36 — при вертикальной). Допустимые значения — от 12 до 100 пикселей. Введенное значение устанавливается в качестве максимальной ширины столбика, если на диаграмме достаточно места (промежутки между столбиками не меньше ширины самого столбика). Если места недостаточно, для столбиков устанавливается максимально возможная в каждом отдельном случае ширина.

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

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

Легенда

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

Ось X

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

Ось Y

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

Ось Y2

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

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

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

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

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

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

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

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

Иерархический разрез (ключ hierarchyDimensions)

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

Тип отображения меры в YAML (ключ display)

Метки значений в YAML (ключ showLabels)

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

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

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

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

Значения диапазона в YAML (ключ range)

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

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

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

Пример настроенного виджета в 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: []