---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.0
alternate:
  - en/visualization-ref/pie-chart
  - ru/visualization-ref/pie-chart
  - href: ru/visualization-ref/pie-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/pie-chart.html
title: Круговая диаграмма в DataLens On-premises
description: >-
  Из статьи вы узнаете, как в DataLens On-premises создать и настроить тип
  визуализации Круговая диаграмма.
vcsPath: ru/visualization-ref/pie-chart.md
---

# Круговая диаграмма <!-- diplodoc:svg ![](../_assets/datalens/pie.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path fill="#1A82E3" d="M11 3.055v10.814l8.998-6A9 9 0 1 1 11 3.055Z"/><path fill="#FC4F51" fill-rule="nonzero" d="m13 10.132 6.409-4.272 1.663-1.22A11.97 11.97 0 0 0 13 .539v9.594Z"/></g></svg> в DataLens On-premises

Диаграмма показывает отношение между категориями в виде сегментов (секторов) круга. Площадь всего круга — это сумма всех категорий, равна 100%. Площадь каждого сегмента — доля категории в общей сумме. 

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

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

{% list tabs %}

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

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

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

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

{% endlist %}

{% endcut %}

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

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

{% endcut %}

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

Секция<br/> в визарде| Описание
----- | ----
Категории | Измерение. Может быть указано только одно поле. По нему производится группировка данных.
Цвет | Измерение. Может быть указано только одно поле. По нему производится раскрашивание сегментов диаграммы.
Показатели | Показатель. Может быть указано только одно поле.
Сортировка | Показатель или измерение из секции **Цвет**. Влияет на сортировку областей. Направление сортировки отмечено значком рядом с полем: по возрастанию <!-- 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-nthnwl7r__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-nthnwl7r__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. Перетащите показатель из датасета в секцию **Показатели**. Значения отобразятся в виде областей круговой диаграммы.

{% note info %}

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

{% endnote %}

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

* **Сегменты.** Если сегментов много, диаграмма выглядит перегружено, а понимать данные становится сложно. При наличии более 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` в секции **Показатели** и **Подписи**.

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

  ![pie-chart-join-segments](../_assets/datalens/visualization-ref/pie-chart/pie-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 -->