Кольцевая диаграмма

В этой статье

Кольцевая диаграмма

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

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

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

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

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

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

Заметка

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

Без разреза	С разрезом
Для меры доступны правила с режимом: 1. Базовый	Для разреза доступны режимы: 1. Отключено 2. По значениям (для значений доступны правила с базовым режимом) 3. По правилу (для значений доступны правила по разрезу, который добавлен в виджет) Для меры доступны режимы: 1. Авто (по умолчанию) 2. По градиенту (чтобы избежать появления большого количества промежуточных цветов, настройте количество классов — от 3 до 10) 3. По правилу (для значений доступны правила с режимом По градиенту или Настроить) 4. Настроить (по формуле)

Без разреза

С разрезом

Для меры доступны правила с режимом:

1. Базовый

Для разреза доступны режимы:

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

Для меры доступны режимы:

1. Авто (по умолчанию)
2. По градиенту (чтобы избежать появления большого количества промежуточных цветов, настройте количество классов — от 3 до 10)
3. По правилу (для значений доступны правила с режимом По градиенту или Настроить)
4. Настроить (по формуле)

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

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

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

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

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

Подсказка

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

Дополнительные настройки отображения

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

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

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

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

Заметка

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

Больше о виджете «Кольцевая диаграмма» в видеокурсе.

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

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

Ключ	Тип	Определение
Настройка данных
title	string	Заголовок
showMarkdown	boolean	Описание
markdownText	string	Текст описания
markdownMeasures	—	Меры в описании
name	string	Название меры
value	—	Формула меры
dataType	enum	Тип данных меры
format	enum	Формат
formatting	enum	Форматирование
formattingTemplate	string	Кастомное форматирование Только для форматирования `CUSTOM`
displaySign	enum	Вид: - `NONE` - `INDICATOR`
displayCondition	—	Отображать (условие отображения)
dimensions	—	Разрезы
name	string	Название разреза
value	—	Формула разреза
dataType	enum	Тип данных разреза
format	enum	Формат
formatting	enum	Форматирование
formattingTemplate	string	Кастомное форматирование Только для форматирования `CUSTOM`
hideEmptyValues	boolean	Скрыть пустые значения
hierarchyDimensions	—	Разрезы иерархии Если добавлен этот параметр, то показатель определяется как иерархия
name	string	Название разреза
value	—	Формула разреза
dataType	enum	Тип данных разреза
format	enum	Формат
formatting	enum	Форматирование
formattingTemplate	string	Кастомное форматирование Только для форматирования `CUSTOM`
hideEmptyValues	boolean	Скрыть пустые значения
color	—	Цвет: - `DISABLED` - `VALUES` - `RULE`
displayCondition	—	Отображать (условие отображения)
onClick	—	Действия по клику Если показатель иерархический, параметр не применяется
color	—	Цвет: - `DISABLED` - `VALUES` - `RULE` Если разрез иерархический, параметр не применяется
displayCondition	—	Отображать (условие отображения)
measures	—	Меры
name	string	Название меры
value	—	Формула меры
dataType	enum	Тип данных формулы
format	enum	Формат
formatting	enum	Форматирование
formattingTemplate	string	Кастомное форматирование Только для форматирования `CUSTOM`
showLabels	—	Метки значений
enabled	boolean	Метки вкл/выкл
absolute	boolean	Абсолютные значения
size	number	Размер меток
color	—	Цвет Доступные режимы без разреза: - `AUTO` - `BASE` - `RULE` Доступные режимы с разрезом: - `AUTO` - `GRADIENT` - `RULE` - `FORMULA`
displayCondition	—	Отображать (условие отображения)
sorting	—	Сортировка
Настройка отображения
titleSize	number	Размер заголовка
titleColor	—	Цвет заголовка: - `AUTO` - `BASE`
titleWeight	enum	Толщина шрифта: - `NORMAL` - `BOLD`
textSize	number	Размер текста
dimensionLimit	number	Лимит разреза
hideEmptyValues	boolean	Скрыть пустые значения
showHint	boolean	Подсказка
legend	—	Легенда
displayCondition	—	Отображать (условие отображения)
displayConditionComment	string	Комментарий (замещающий текст) Только для режимов `VARIABLE` и `FORMULA`
Настройка фильтрации
filterMode	enum	Режим фильтрации: - `DEFAULT` - `SINGLE` - `MULTI` - `DISABLED`
ignoreFilters	boolean	Игнорировать фильтры
filters	—	Фильтры
aggregateFilters	—	Агрегатные фильтры
stateName	string	Состояние

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

- key: DONUT_CHART
  apiVersion: "7"
  type: DONUT_CHART
  settings:
    displayCondition:
      mode: DISABLED
    textSize: 12
    ignoreFilters: false
    legend:
      width:
        value: 150
        mode: PIXEL
      position: RIGHT
      verticalAlign: TOP
    filters: []
    showHint: true
    filterMode: DEFAULT
    measures:
      - displayCondition:
          mode: DISABLED
        color:
          mode: AUTO
        dataType: INTEGER
        name: Кол-во продаж
        format: NUMBER
        value:
          mode: TEMPLATE
          templateName: countDistinct
          dbType: CH
          tableName: sale
          columnName: Кол-во продаж
        formatting: AUTO
        valueLabel:
          size: 12
          enabled: false
        showLabels:
          enabled: true
          absolute: false
          size: 12
    sorting:
      - name: Кол-во продаж
        value:
          mode: IN_WIDGET
          index: 0
          group: measures
        direction: DESC
      - name: sum("sale"."Сумма продаж")
        value:
          mode: FORMULA
          formula: sum("sale"."Сумма продаж")
        direction: DESC
    dimensionLimit: 4
    dimensions:
      - displayCondition:
          mode: DISABLED
        dataType: STRING
        name: Тип магазина
        format: STRING
        value:
          mode: FORMULA
          formula: '"store"."Тип магазина"'
        formatting: AUTO
        color:
          mode: DISABLED
        onClick: []
    title: ""
    titleSize: 14
    stateName: null
    titleColor:
      mode: AUTO
    titleWeight: NORMAL
    showMarkdown: false
    markdownMeasures: []
    markdownText: ""

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

Да

Нет

Линейный график

Гистограмма