# Нормированная линейчатая диаграмма ![](../../_assets/datalens/normalized-horizontal-bar.svg) в Yandex DataLens

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

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

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


    {% cut "Доля статей расхода в бюджете за год" %}

    {% list tabs %}

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

        ![normalized-horizontal-bar-chart](../../_assets/datalens/visualization-ref/normalized-horizontal-bar-chart/normalized-horizontal-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 %}


    {% cut "Процентное распределение типов оплаты в подкатегориях товаров." %}

    {% list tabs %}

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

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

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

        Подкатегория |	Доставка |	Самовывоз
        -------------|---------| ----------|
        Косметика и здоровье |	615К |	373К
        Кухонная |	1929К |	1005К
        Кухонные товары |	1217К |	759К
        Моющие средства |	1210К |	803К
        Техника для красоты и здоровья |	2046К |	1380К
        Товары последней необходимости |	1368К |	894К
        Чистящие средства |	1237К |	673К

    {% endlist %}

    {% endcut %}

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

    {% cut "Процент продаж для разных категорий товаров" %}

    {% list tabs %}

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

        ![normalized-horizontal-bar-chart-2](../../_assets/datalens/visualization-ref/normalized-horizontal-bar-chart/normalized-horizontal-bar-chart-2.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 %}


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

Секция<br/> в визарде| Описание
----- | ----
Y | Измерения. Может быть указано одно или два измерения. Для типов `Дата` и `Дата и время` можно задать группировку по времени: минуты, часы, недели и др.
X | Показатель. Может быть указано несколько показателей. При добавлении в секцию более одного показателя в секции **Цвета** появится измерение [Measure Names](../concepts/chart/measure-values.md). [Measure Names](../concepts/chart/measure-values.md) можно перенести на ось Y.
Цвета | Измерение или поле [Measure Names](../concepts/chart/measure-values.md). Влияет на цвет линий. [Measure Names](../concepts/chart/measure-values.md) удаляется путем удаления показателей с оси X.
Сортировка | Измерение или показатель. Влияет на сортировку столбцов. Направление сортировки отмечено значком рядом с полем: по возрастанию ![image](../../_assets/console-icons/bars-ascending-align-left.svg) или по убыванию ![image](../../_assets/console-icons/bars-descending-align-left.svg). Чтобы изменить направление сортировки, нажмите значок.
Подписи | Показатель. Отображает значения показателя на диаграмме. Если в секцию **Y** добавлено несколько показателей, перетащите в эту секцию показатель [Measure Values](../concepts/chart/measure-values.md). Поддерживается использование [функций разметки](../function-ref/markup-functions.md). Для полей с типом `Строка` можно настроить использование базового синтаксиса [Markdown в Yandex DataLens](../dashboard/markdown.md): нажмите на значок перед названием поля и включите опцию **Markdown**.
Фильтры | Измерение или показатель. Используется в качестве фильтра.

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

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


{% note warning %}

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


1. Перейдите на [главную страницу](https://datalens.ru/?skipPromo=true) DataLens. На панели слева выберите ![collections](../../_assets/console-icons/rectangles-4.svg) **Коллекции и воркбуки**.


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

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

{% endnote %}


1. Перейдите на [главную страницу](https://datalens.ru/?skipPromo=true) DataLens.
1. На панели слева выберите ![chart](../../_assets/console-icons/chart-column.svg) **Чарты**.
1. Нажмите кнопку **Создать чарт** → **Чарт**.
1. Слева вверху нажмите ![image](../../_assets/console-icons/circles-intersection.svg) **Выберите датасет** и укажите датасет для визуализации. Если у вас нет датасета, [создайте его](../dataset/create-dataset.md#create).
1. Выберите тип чарта **Нормированная линейчатая диаграмма**.
1. Перетащите одно или несколько измерений из датасета в секцию **Y**. Значения отобразятся по оси Y.
1. Перетащите один или несколько показателей из датасета в секцию **X**.
1. Перетащите измерение из датасета или поле [Measure Names](../concepts/chart/measure-values.md) в секцию **Цвета**. 

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

* **Подписи.** Если в значениях категорий много текста, сократите его. Так подписи на диаграмме будут выглядеть аккуратнее.
  
  Можно использовать строковые функции в вычисляемых полях или условные операторы [CASE](../function-ref/CASE.md).
* **Сегменты.** Не показывайте на диаграмме больше 3-5 сегментов.
* Измерение или показатель. Влияет на интенсивность закрашивания точек.

#### Полезные ссылки {#see-also}

* [Создание дашборда в Yandex DataLens](../operations/dashboard/create.md)
* [Добавление чарта на дашборд в Yandex DataLens](../operations/dashboard/add-chart.md)
* [Добавление селектора на дашборд в Yandex DataLens](../operations/dashboard/add-selector.md)