---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.0
alternate:
  - en/visualization-ref/ring-chart
  - ru/visualization-ref/ring-chart
  - href: ru/visualization-ref/ring-chart.md
    type: text/markdown
    title: Markdown version
csp:
  - script-src:
      - https://mc.yandex.ru
    img-src:
      - https://mc.yandex.ru
    connect-src:
      - https://mc.yandex.ru
      - wss://mc.yandex.ru
    child-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-ancestors:
      - 'blob:'
      - https://mc.yandex.ru
canonical: ru/visualization-ref/ring-chart.html
title: Кольцевая диаграмма в DataLens On-premises
description: >-
  Из статьи вы узнаете, как в DataLens On-premises создать и настроить тип
  визуализации Кольцевая диаграмма.
vcsPath: ru/visualization-ref/ring-chart.md
---

# Кольцевая диаграмма <!-- diplodoc:svg ![](../_assets/datalens/ring.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#1A82E3" fill-rule="evenodd" d="M16.096 17.046A6.5 6.5 0 1 1 11 5.576V2.55c-4.777.5-8.5 4.539-8.5 9.448a9.5 9.5 0 0 0 9.5 9.5 9.467 9.467 0 0 0 6.484-2.557l-2.388-1.896Z" clip-rule="evenodd"/><path fill="#FC4F51" fill-rule="evenodd" d="M13.5 5.673a6.503 6.503 0 0 1 4.235 9.39l2.375 1.886a9.456 9.456 0 0 0 1.39-4.95c0-4.736-3.466-8.663-8-9.382v3.056Z" clip-rule="evenodd"/></svg> в DataLens On-premises

Диаграмма отображает отношение между категориями при помощи сегментов кольца. Сумма всех сегментов составляет 100%. Размер каждого сегмента соответствует доле категории в общей сумме. Число в центре кольца зависит от выбранного показателя и отражает общий итог. 

Кольцевые диаграммы подходят для отображения небольшого количества сегментов.

{% cut "Пример" %}

{% list tabs %}

- Представление

  ![ring-chart](../_assets/datalens/visualization-ref/ring-chart/ring-chart.png =800x)

- Исходная таблица

  Категории товаров | Продажи |	
  -----|---------| 
  Техника для дома | 69М |
  Бытовые товары | 57М |
  Бытовая химия | 44М |

{% endlist %}

{% endcut %}

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

{% cut "Пример" %}

![ring-chart-subcategories](../_assets/datalens/visualization-ref/ring-chart/ring-chart-subcategories.png =800x)

{% endcut %}

## Секции в визарде {#wizard-sections}

Секция<br/> в визарде| Описание
----- | ----
Категории | Измерение. Может быть указано только одно поле. По нему производится группировка данных.
Цвет | Измерение. Может быть указано только одно поле. По нему производится раскрашивание сегментов диаграммы.
Показатели | Влияет на размер сегментов кольца. Может быть указано только одно поле. Итоговое значение показателя отображается в центре кольца. В итоговом значении не отображаются расчеты с помощью [LOD-выражений](../concepts/lod-aggregation.md), [оконных функций](../function-ref/window-functions.md) и [функций для работы с временными рядами](../function-ref/time-series-functions.md).
Сортировка | Показатель или измерение из секции **Цвет**. Влияет на сортировку сегментов. Направление сортировки отмечено значком рядом с полем: по возрастанию <!-- diplodoc:svg ![image](../_assets/console-icons/bars-ascending-align-left.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 12.75c0 .414.336.75.75.75h12.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0-.75.75M1 8c0 .414.336.75.75.75h8.5a.75.75 0 0 0 0-1.5h-8.5A.75.75 0 0 0 1 8m.75-4a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5z" clip-rule="evenodd"/></svg> или по убыванию <!-- diplodoc:svg ![image](../_assets/console-icons/bars-descending-align-left.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 3.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 3.25M1 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 1 8m.75 4a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>. Чтобы изменить направление сортировки, нажмите значок.
Подписи | Показатель. Отображает значения показателя на диаграмме. Чтобы добавить на диаграмму выноски с названиями категорий, перетащите в эту секцию измерение [Measure Names](../concepts/chart/measure-values.md). Поддерживается использование [функций разметки](../function-ref/markup-functions.md). Для полей с типом `Строка` можно настроить использование базового синтаксиса [Markdown в DataLens On-premises](../dashboard/markdown.md): нажмите на значок перед названием поля и включите опцию **Markdown**.
Фильтры | Измерение или показатель. Используется в качестве фильтра.

## Создание кольцевой диаграммы {#create-diagram}

Чтобы создать кольцевую диаграмму:

<!-- source: ru/_includes/datalens/operations/datalens-workbooks-collections-note-step4.md -->
{% note warning %}

Если вы работаете с новой объектной моделью DataLens, включающей [воркбуки и коллекции](../workbooks-collections/index.md):


1. Перейдите на главную страницу DataLens.


1. Откройте воркбук, в правом верхнем углу нажмите **Создать** и выберите нужный объект.

Продолжайте инструкцию с шага 4.

{% endnote %}
<!-- endsource: ru/_includes/datalens/operations/datalens-workbooks-collections-note-step4.md -->

1. <!-- source: ru/_includes/datalens/visualization-ref/create-1.md -->
   Перейдите на главную страницу DataLens.
   <!-- endsource: ru/_includes/datalens/visualization-ref/create-1.md -->
1. <!-- source: ru/_includes/datalens/visualization-ref/create-2.md -->
   На панели слева выберите <!-- diplodoc:svg ![chart](../_assets/console-icons/chart-column.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#svg-yd0kyg7x__a)"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5m-2.5 9a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5zm-4.5 0A.5.5 0 0 0 5 12v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5zm-1 1.5h-1a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2q.26 0 .5.063V7a2 2 0 0 1 2-2h2q.26 0 .5.063V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2z" clip-rule="evenodd"/></g><defs><clipPath id="svg-yd0kyg7x__a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg> **Чарты**.
   <!-- endsource: ru/_includes/datalens/visualization-ref/create-2.md -->
1. <!-- source: ru/_includes/datalens/visualization-ref/create-3.md -->
   Нажмите кнопку **Создать чарт** → **Чарт**.
   <!-- endsource: ru/_includes/datalens/visualization-ref/create-3.md -->
1. <!-- source: ru/_includes/datalens/visualization-ref/create-4.md -->
   Слева вверху нажмите <!-- diplodoc:svg ![image](../_assets/console-icons/circles-intersection.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.576 11.854a4 4 0 1 1 0-7.707A5.48 5.48 0 0 0 5 8c0 1.5.601 2.861 1.576 3.854M8 12.9a5.5 5.5 0 1 1 0-9.8 5.5 5.5 0 1 1 0 9.8m1.424-8.754A4.003 4.003 0 0 1 14.5 8a4 4 0 0 1-5.076 3.854A5.48 5.48 0 0 0 11 8c0-1.5-.601-2.861-1.576-3.854M8 4.877C8.914 5.61 9.5 6.737 9.5 8s-.586 2.39-1.5 3.123A4 4 0 0 1 6.5 8c0-1.263.586-2.39 1.5-3.123" clip-rule="evenodd"/></svg> **Выберите датасет** и укажите датасет для визуализации. Если у вас нет датасета, [создайте его](../dataset/create-dataset.md#create).
   <!-- endsource: ru/_includes/datalens/visualization-ref/create-4.md -->
1. Выберите тип чарта **Кольцевая диаграмма**.
1. Перетащите измерение из датасета в секцию **Категории**.
1. Перетащите измерение или показатель из датасета в секцию **Цвет**.
1. Перетащите показатель из датасета в секцию **Показатели**. Значения отобразятся в виде сегментов кольцевой диаграммы.

Чтобы отключить отображение числа в центре:

1. В верхней левой части экрана нажмите значок <!-- diplodoc:svg ![image](../_assets/console-icons/gear.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0" clip-rule="evenodd"/></svg>.
1. В окне **Настройки чарта** выключите опцию **Итоги**.
1. Нажмите **Применить**.

## Рекомендации {#recommendations}

{% note info %}

На диаграмме нельзя отобразить отрицательные и нулевые значения.

{% endnote %}

* **Сегменты.** Если сегментов много, диаграмма выглядит перегружено, а понимать данные становится сложно. При наличии более 4-6 сегментов на одной диаграмме, стоит объединить самые маленькие из них в один сегмент, например `Другие`. Это можно сделать путем обработки данных, например, создав [вычисляемое поле](../concepts/calculations/index.md) в датасете или чарте.

  {% cut "Пример объединения сегментов в чарте" %}

  **Исходная таблица**

  ProductSubcategory | Sales |	
  -----|---------| 
  Косметика и здоровье | 11М |
  Кухонная | 34М |
  Кухонные товары | 23М |
  Моющие средства | 22,5М |
  Техника для красоты и здоровья | 35М |
  Товары последней необходимости | 23М |
  Чистящие средства | 21,5М |

  Чтобы объединить несколько сегментов по полю `ProductSubcategory` в общую группу:

  1. Добавьте в чарт новое поле с формулой:

     ```
     CASE [ProductSubcategory]
         WHEN "Техника для красоты и здоровья" THEN "Техника для красоты и здоровья"
         WHEN "Кухонная" THEN "Кухонная"
         WHEN "Кухонные товары" THEN "Кухонные товары"
         ELSE "Другие"
     END
     ```

  1. Перетащите новое поле в секцию **Цвет**.
  1. Перетащите поле `Sales` в секции **Показатели** и **Подписи**.

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

  ![ring-chart-join-segments](../_assets/datalens/visualization-ref/ring-chart/ring-chart-join-segments.png)

  {% endcut %}

* Объединяйте мелкие сегменты в более крупные группы:
  
  * Для выделения сегментов используйте секцию **Категории**.
  * Для выделения групп используйте секцию **Цвет**.

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

<!-- source: ru/_includes/datalens/visualization-ref/see-also-sub.md -->
#### Полезные ссылки {#see-also}

* [Создание дашборда в DataLens On-premises](../operations/dashboard/create.md)
* [Добавление чарта на дашборд в DataLens On-premises](../operations/dashboard/add-chart.md)
* [Добавление селектора на дашборд в DataLens On-premises](../operations/dashboard/add-selector.md)
<!-- endsource: ru/_includes/datalens/visualization-ref/see-also-sub.md -->