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

# Нормированная столбчатая диаграмма <!-- diplodoc:svg ![](../_assets/datalens/normalized-column.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" transform="translate(-4 -5)"><rect width="4" height="5.5" x="8" y="18.5" fill="#1A82E3" rx="1"/><rect width="4" height="7.5" x="8" y="10" fill="#FC4F51" rx="1"/><rect width="4" height="9.5" x="14" y="14.5" fill="#1A82E3" rx="1"/><rect width="4" height="3.5" x="14" y="10" fill="#FC4F51" rx="1"/><rect width="4" height="14" x="20" y="10" fill="#1A82E3" rx="1"/></g></svg> в DataLens On-premises

Нормированная столбчатая диаграмма показывает вклад каждого показателя или категории в общую сумму. В отличие от [столбчатой диаграммы с накоплением](column-chart.md#stacked), для этой диаграммы важна не суммарная длина столбца, а соотношение долей сегментов между собой. 

Сегменты выделяются разными цветами и располагаются друг над другом. Высота сегмента соответствует его доле от общей суммы, приведенной к 100%. 

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

Доля продаж для разных категорий товаров.

{% list tabs %}

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

  ![normalized-bar-chart-category](../_assets/datalens/visualization-ref/normalized-bar-chart/normalized-bar-chart-categoty.png =800x)

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

  Месяц |	Техника для дома |	Бытовые товары  | Бытовая химия
    ----- | ---------| ---------- | ---------- 
  Январь 2019|	128К |	55К | 26К
  Февраль 2019|	97К |	79К | 18К
  Март 2019|	187К |	105К | 41К
  Апрель 2019|	188К | 137К | 34К
  Май 2019|	230К |	121К | 43К
  Июнь 2019|	256К |	162К | 59К
  Июль 2019|	284К |	206К | 67К	
  Август 2019|	409К |	204К | 72К
  Сентябрь 2019|	314К |	209К | 86К
  Октябрь 2019|	324К |	262К | 79К
  Ноябрь 2019|	385К |	238К | 101К
  Декабрь 2019|	451К |	307К | 111К

{% endlist %}

{% endcut %}


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

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

{% list tabs %}

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

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

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

  Месяц |	Бензин | Аренда  | Еда | Коммунальные
  ----- | ---------| ---------- | ---------- | ---------- 
  Январь 2019	| 100	| 600	| 300	| 500
  Февраль 2019	| 150	| 600	| 250	| 700
  Март 2019	| 100	| 600	| 450	| 400
  Апрель 2019	| 120	| 600	| 370	| 510
  Май 2019	| 100	| 600	| 300	| 530
  Июнь 2019	| 130	| 600	| 310	| 600
  Июль 2019	| 150	| 600	| 330	| 510
  Август 2019	| 120	| 600	| 250	| 550
  Сентябрь 2019	| 110	| 650	| 380	| 500
  Октябрь 2019	| 120	| 650	| 300	| 550
  Ноябрь 2019	| 130	| 650	| 310	| 540
  Декабрь 2019	| 100	| 650	| 400	| 550

{% endlist %}

{% endcut %}


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

Секция<br/> в визарде| Описание
----- | ----
X | Измерения. Может быть указано одно или два измерения.
Y | Показатель. Может быть указано несколько показателей. При добавлении в секцию более одного показателя в секции **Цвета** появится измерение [Measure Names](../concepts/chart/measure-values.md). [Measure Names](../concepts/chart/measure-values.md) можно перенести на ось Х.
Цвета | Измерение или поле [Measure Names](../concepts/chart/measure-values.md). Влияет на цвет линий. [Measure Names](../concepts/chart/measure-values.md) удаляется путем удаления показателей с оси Y.
Сортировка | Измерение или показатель. Влияет на сортировку столбцов. Направление сортировки отмечено значком рядом с полем: по возрастанию <!-- 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>. Чтобы изменить направление сортировки, нажмите значок.
Подписи | Показатель. Отображает значения показателя на диаграмме. Если в секцию **Y** добавлено несколько показателей, перетащите в эту секцию показатель [Measure Values](../concepts/chart/measure-values.md). Поддерживается использование [функций разметки](../function-ref/markup-functions.md). Для полей с типом `Строка` можно настроить использование базового синтаксиса [Markdown в DataLens On-premises](../dashboard/markdown.md): нажмите на значок перед названием поля и включите опцию **Markdown**.
Сплит | Измерение. Разбивает чарт по горизонтали по значениям выбранного измерения. Максимальное количество сплитов в одном чарте — 25.
Фильтры | Измерение или показатель. Используется в качестве фильтра.

## Создание нормированной столбчатой диаграммы {#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-vi17a58s__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-vi17a58s__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. Перетащите измерение из датасета в секцию **X**. Значения отобразятся в нижней части графика по оси X.
1. Перетащите один или несколько показателей из датасета в секцию **Y**. Значения отобразятся по оси Y в виде столбцов.
1. Перетащите измерение из датасета в секцию **Цвета**. Столбцы разобьются на сегменты.

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

* <!-- source: ru/_includes/datalens/datalens-category-text.md -->
  **Подписи.** Если в значениях категорий много текста, сократите его. Так подписи на диаграмме будут выглядеть аккуратнее.

  Можно использовать строковые функции в вычисляемых полях или условные операторы [CASE](../function-ref/CASE.md).
  <!-- endsource: ru/_includes/datalens/datalens-category-text.md -->
* Не показывайте на диаграмме больше 3-5 сегментов.
* **Расположение.** Расположите сегменты так, чтобы самые крупные или самые важные категории находились ближе к основанию диаграммы. Так вам будет легче сравнивать величины.
* <!-- source: ru/_includes/datalens/visualization-ref/split.md -->
  **Разбиение.** Диаграмму можно разбить по измерению на несколько небольших диаграмм, которые удобно сравнивать между собой. Для этого перетащите измерение из датасета в секцию **Сплит**.
  <!-- endsource: ru/_includes/datalens/visualization-ref/split.md -->

  {% cut "Пример чарта" %}

  ![normalized-bar-chart-split](../_assets/datalens/visualization-ref/normalized-bar-chart/normalized-bar-chart-split.png)

  {% endcut %}

{% note tip %}

Чтобы показать абсолютные значения переменных, используйте [столбчатую диаграмму](column-chart.md).

{% endnote %}

<!-- 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 -->