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

# Столбчатая диаграмма <!-- diplodoc:svg ![](../_assets/datalens/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"><rect width="4" height="5.5" x="4" y="13.5" fill="#1A82E3" rx="1"/><rect width="4" height="9.5" x="10" y="9.5" fill="#1A82E3" rx="1"/><rect width="4" height="14" x="16" y="5" fill="#FC4F51" rx="1"/></g></svg> в DataLens On-premises

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

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

{% list tabs %}

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

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

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

  Год |	Продажа|	
  -----|---------| 
  2022|	6М |	
  2021|	28М |	
  2020|	18М |	
  2019|	9М | 
  2018|	1М |

{% endlist %}


## Типы столбчатых диаграмм {#types}

* [с группировкой](#groupped)
* [с накоплением](#stacked)

### С группировкой {#groupped}

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

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

{% list tabs %}

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

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

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

  Год |	Доставка|	Самовывоз
  -----|---------| ----------|
  2022|	2М |	4М
  2021|	8М |	19М
  2020|	5М |	13М
  2019|	3М | 6М
  2018|	331К |	918К

{% endlist %}

{% endcut %}


### С накоплением {#stacked}

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

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

{% list tabs %}

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

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

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

  Год |	Доставка|	Самовывоз
  -----|---------| ----------|
  2022|	2М |	4М
  2021|	8М |	19М
  2020|	5М |	13М
  2019|	3М | 6М
  2018|	331К |	918К

{% endlist %}

{% endcut %}


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

Секция<br/> в визарде| Описание
----- | ----
X | Измерения. Может быть указано одно или два измерения. Влияет на группировку значений по оси X. Порядок указанных измерений влияет на порядок группировок по оси X. Для типов `Дата` и `Дата и время`можно задать группировку по времени: минуты, часы, недели и др.
Y | Показатель. Может быть указано несколько показателей. При добавлении в секцию более одного показателя в секции **Цвета** появится измерение [Measure Names](../concepts/chart/measure-values.md). 
Цвета | Измерение, показатель, поле [Measure Names или Measure Values](../concepts/chart/measure-values.md). Влияет на цвет столбцов. `Measure Names` и `Measure Values` удаляются из секции нажатием на значок <!-- diplodoc:svg ![image](../_assets/datalens/cross.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M0 0h16v16H0z" opacity=".01"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m1.6 1.6 12.8 12.8m0-12.8L1.6 14.4"/></svg> или путем удаления показателей с оси 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>. Чтобы изменить направление сортировки, нажмите значок.
Подписи | Показатель. Отображает значения показателя на диаграмме. При использовании нескольких показателей для подписи добавляйте [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-xwxh3gi6__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-xwxh3gi6__a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg> **Чарты**.
   <!-- endsource: ru/_includes/datalens/visualization-ref/create-2.md -->
1. Нажмите кнопку **Создать чарт** → **Чарт в Wizard**.
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 в виде столбцов.

{% note info %}

* По умолчанию диаграмма с накоплением отображается, если у вас больше одного показателя.
* Чтобы отобразить [диаграмму с группировкой](#grouped-column-chart), используйте распределение по группам с помощью секции **Цвета**.

{% endnote %}

### Создание столбчатой диаграммы с группировкой {#grouped-column-chart}

Чтобы отобразить диаграмму с группировкой по оси X:

1. Откройте столбчатую диаграмму или [создайте](#create-diagram) новую.
1. В зависимости от количества показателей в секции **Y** выполните следующие действия:

   {% list tabs group=indicators_number %}

    - Один показатель {#one}

      1. Перетащите измерение, по которому хотите сгруппировать столбцы на диаграмме, в секцию **Цвета**.
      1. Продублируйте это измерение в секцию **Х**. Порядок измерений будет влиять на порядок группировки.

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

        ![one-measure](../_assets/datalens/visualization-ref/bar-chart/one-measure.png)

        {% endcut %}

    - Два и больше показателей {#more}

      1. Перетащите измерение `Measure Names` в секцию **Цвета**.
      1. Перетащите измерение `Measure Names` в секцию **X**. Порядок измерений будет влиять на порядок группировки.

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

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

        {% endcut %}

   {% endlist %}

### Добавление цвета столбцов по показателю {#column-colors}

Чтобы окрасить столбцы на диаграмме в зависимости от значений показателя:

1. Откройте столбчатую диаграмму или создайте новую.
1. В зависимости от количества показателей в секции **Y** выполните:

   {% list tabs group=indicators_number %}

   - Один показатель {#one}

     Продублируйте показатель из секции **Y** в секцию **Цвета**.

     Столбцы на диаграмме окрасятся в зависимости от значений показателя.

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

     ![image](../_assets/datalens/operations/chart/column-colors-1.png)

     {% endcut %}

   - Два и больше показателей {#more}

     Перетащите показатель `Measure Values` в секцию **Цвета**.

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

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

     ![image](../_assets/datalens/operations/chart/column-colors-2.png)

     {% endcut %}

   {% endlist %}

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. В настройках цвета укажите:

   * **Тип градиента** — выберите двухцветный или трехцветный.
   * **Цвет градиента** — выберите цветовую гамму градиента из списка.
   * **Направление градиента** — измените направление градиента с помощью значка <!-- diplodoc:svg ![image](../_assets/console-icons/arrow-right-arrow-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="M13.78 3.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.44 5H2.75a.75.75 0 1 1 0-1.5h8.69L9.72 1.78A.75.75 0 0 1 10.78.72zM2 11.75a.75.75 0 0 1 .22-.53l3-3a.75.75 0 1 1 1.06 1.06L4.56 11h8.69a.75.75 0 0 1 0 1.5H4.56l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1-.22-.53" clip-rule="evenodd"/></svg>.
   * **Задать пороговые значения** — установите пороговые числовые значения, которые будут соответствовать каждому цвету. Работает, если в секции **Y** один показатель.

### Добавление сортировки столбцов по агрегированному значению {#column-aggregate-sorting}

В секции **Сортировка** нельзя использовать значение с [агрегацией](../dataset/data-model.md#aggregation). 

Чтобы отсортировать столбцы по агрегированному значению (например, по сумме, количеству или среднему), сначала создайте [вычисляемое поле](../concepts/calculations/index.md) в датасете или чарте с помощью [формулы агрегации](../function-ref/aggregation-functions.md). Затем используйте его для построения чарта и сортировки.

Например, чтобы отсортировать продажи по значению суммы:

1. Откройте столбчатую диаграмму или создайте новую.
1. В левой части экрана над списком измерений и показателей нажмите значок <!-- diplodoc:svg ![image](../_assets/console-icons/plus.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="M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75" clip-rule="evenodd"/></svg> и выберите **Поле**.
1. В окне **Настройка поля** введите:

   * название поля — `sum_Price`;
   * формулу — `SUM([Price])`.

1. Нажмите кнопку **Создать**.
1. Перетащите новое поле в секции **Y** и **Сортировка**. Столбцы отсортируются по значению суммы продаж. Чтобы изменить направление сортировки, в секции **Сортировка** нажмите <!-- 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> или <!-- 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> справа от названия поля.

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

![image](../_assets/datalens/operations/chart/column-sorting.png =800x)

{% endcut %}

### Настройка отображения пустых (`null`) значений {#null-settings}

<!-- source: ru/_includes/datalens/datalens-chart-null-settings.md -->
* Если в исходных данных есть строка, в которой значение показателя равно `null`, в чарте с настройками по умолчанию график не отобразится в этой точке. 

    _Например, если в источнике есть строка с датой (`20.07.2022`), а сумма продаж для нее не указана._

    Чтобы настроить отображение пустых значений на диаграмме:

    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. В **Пустые значения (null)** выберите `Отображать как 0`.
    1. Нажмите **Применить**. Теперь график будет построен по значениям `0` вместо `null`.

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

    _Например, если в источнике нет строки с определенной датой (`20.07.2022`), данные на эту дату не отобразятся._

Подробнее в разделе [Настройка отображения пустых (null) значений в чарте DataLens On-premises](../operations/chart/chart-null-settings.md)
<!-- endsource: ru/_includes/datalens/datalens-chart-null-settings.md -->

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

* **Подписи.** Если значения категорий содержат большое количество текста, постарайтесь сокращать текст — подписи на диаграмме будут выглядеть аккуратнее. Можно использовать строковые функции в вычисляемых полях или условные операторы `CASE`.
* **Сортировка.** Если каждый столбец является категорией, а не временем, попробуйте отсортировать столбцы по убыванию или возрастанию показателя. Это сделает график визуально более аккуратным и информативным. Сортировка может быть полезна и внутри подкатегорий каждого столбца.
* Столбчатая диаграмма рекомендуется для отображения изменения показателя(ей) во времени. В этом случае сортировку по оси Х используйте с осторожностью, так как обычно пользователь ожидает увидеть изменение во времени по оси X.
* <!-- source: ru/_includes/datalens/visualization-ref/colors.md -->
  Измерение или показатель. Влияет на интенсивность закрашивания точек.
  <!-- endsource: ru/_includes/datalens/visualization-ref/colors.md -->
* <!-- source: ru/_includes/datalens/visualization-ref/split.md -->
  **Разбиение.** Диаграмму можно разбить по измерению на несколько небольших диаграмм, которые удобно сравнивать между собой. Для этого перетащите измерение из датасета в секцию **Сплит**.
  <!-- endsource: ru/_includes/datalens/visualization-ref/split.md -->

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

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