[Документация Yandex Cloud](../../index.md) > [Yandex DataLens](../index.md) > Чарты > [Справочник визуализаций](index.md) > Точечная диаграмма

# Точечная диаграмма ![](../../_assets/datalens/scatter-chart.svg) в Yandex DataLens

Точечная диаграмма показывает отношение между двумя величинами (измерениями или показателями). Их значения показываются в виде точек. 

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

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

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

* Также зависимости на точечной диаграмме можно показывать с помощью размера точек. Размер точки определяется значением показателя: чем больше значение показателя, тем больше размер точки. 

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

  Например, размер точки может зависеть от скидки на товар.

    {% list tabs %}

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

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

    - Исходная таблица (5 строк)

      Продукт | Категория | Средний чек | Число заявок | Скидка
      ----|----|----|----|-----|
      Раствор для мытья полов|	Бытовая химия|	153.0 | 1 | 0 |
      Мультиварка с 40 режимами готовки еды|	Техника для дома |	3442.0 | 1 | 0 |
      Гель для стирки цветных вещей|	Бытовая химия |	525.0 | 1 | 0 |
      Порошок для чистки ковриков|	Бытовая химия | 463.0 | 1 | 0 |
      Средство для мытья посуды с ароматом лимона|	Бытовая химия| 362.0 | 1 | 0 |

      Датасет построен на основе таблиц подключения [Sample ClickHouse](../quickstart.md).

    {% endlist %}

    {% endcut %}


* Вы можете использовать градиент на диаграмме, добавив показатель в секцию **Цвета**. Например, чем выше средний чек продукта, тем темнее оттенок точки.

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

  ![scatter-chart](../../_assets/datalens/visualization-ref/scatter-chart/gradient-scatter-chart.png)

  {% endcut %}

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

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

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

### Дополнительные опции

Также вы можете:

* Изменить цвет точек:

  1. Перетащите измерение или показатель в секцию **Цвета**.
  1. Нажмите значок ![](../../_assets/console-icons/gear.svg) и установите новые цвета.

* Изменить размер точек:

  1. Перетащите показатель в секцию **Размер точек**.
  1. Нажмите значок ![](../../_assets/console-icons/gear.svg) и установите минимальный и максимальный размеры точек для заданного показателя.

  {% note info %}

  Точечная диаграмма не подходит для визуализации данных во времени.

  {% endnote %}

* Указать дополнительное измерение. Для этого перетащите измерение в секцию **Точки**.

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

* Если в исходных данных есть строка, в которой значение показателя равно `null`, в чарте с настройками по умолчанию график не отобразится в этой точке. 

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

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

    1. В секции с показателем, отображение значения которого надо настроить, в правом верхнем углу нажмите значок ![image](../../_assets/console-icons/gear.svg) (значок появляется при наведении указателя на секцию).
    1. В **Пустые значения (null)** выберите `Отображать как 0`.
    1. Нажмите **Применить**. Теперь график будет построен по значениям `0` вместо `null`.

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

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

Подробнее в разделе [Настройка отображения пустых (null) значений в чарте Yandex DataLens](../operations/chart/chart-null-settings.md)

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

* **Подписи.** Если в значениях категорий много текста, сократите его. Так подписи на диаграмме будут выглядеть аккуратнее.
  
  Можно использовать строковые функции в вычисляемых полях или условные операторы [CASE](../function-ref/CASE.md).
* Масштаб на осях зачастую разный, при этом может не начинаться от 0. Обращайте внимание на подписи значений.
* **Цвета**. При визуализации нескольких показателей внимательно подбирайте цвета. Они должны быть различимыми и контрастными.

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

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