snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)
Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 2s

This commit is contained in:
upstream-mirror
2026-09-17 23:28:13 +05:00
commit e7da97194a
32688 changed files with 4208681 additions and 0 deletions

View File

@@ -0,0 +1,275 @@
---
title: Настройки диаграмм
description: Настройте диаграммы, чтобы показывать данные именно так, как вам нужно.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Доступ к настройкам диаграмм
1. Нажмите кнопку **Редактировать** в правом верхнем углу дашборда
<img src="/images/user-guide/dashboard/dashboard-edit.png" alt="Режим редактирования" />
2. Панель переходит в режим редактирования
3. Нажмите на любой виджет, чтобы выбрать его
4. Справа откроется панель настроек
Настройки сгруппированы по разделам:
* **Данные**: какие данные получать и как их фильтровать
* **Ось X**: как группировать и сортировать категории (столбчатые/линейные диаграммы)
* **Ось Y**: что измерять и как отображать (столбчатые/линейные диаграммы)
* **Стиль**: цвета, подписи и визуальные параметры
<Note>
Некоторые настройки отображаются только после задания других настроек. Например, **Детализация по дате** появляется только при выборе поля даты.
</Note>
---
## Настройки данных
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="database" />Источник </span>
Выберите объект, из которого получать данные.
1. Нажмите **Источник**
2. Выберите объект (Сделки, Люди, Компании и т. д.)
Доступны все ваши стандартные и пользовательские объекты. Изменение источника сбрасывает другие настройки, поскольку параметры полей зависят от выбранного объекта.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-source.png" alt="Источник" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filter" />Фильтр </span>
Ограничьте, какие записи включать в диаграмму.
1. Нажмите **Фильтр**
2. Откроется конструктор фильтров
3. Нажмите **+ Добавить фильтр**
4. Выберите поле, условие и значение
5. При необходимости добавьте ещё фильтры
Фильтры работают так же, как в табличных представлениях. Используйте их, чтобы сосредоточиться на конкретных сегментах данных.
**Пример**: отфильтруйте сделки, где этап равен "Won", чтобы показать только закрытые сделки.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-filters.png" alt="Фильтр" />
<Tip>
Для полей даты используйте **Относительно**, чтобы создать динамические фильтры вроде "За последние 7 дней" или "Этот месяц", которые обновляются автоматически.
</Tip>
<Tip>
Поддерживаются расширенные фильтры — добавляйте несколько правил фильтрации и комбинируйте их логикой **И** или **ИЛИ**.
</Tip>
---
## Настройки оси X
Эти настройки управляют горизонтальной осью столбчатых и линейных диаграмм — обычно тем, как ваши данные группируются по категориям.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-x" />Отображаемые данные </span>
Выберите поле, по которому группировать данные. Это определяет категории, отображаемые на оси X.
**Пример**: выберите "Stage", чтобы видеть данные, сгруппированные по этапам воронки, или "Created date", чтобы видеть данные во времени.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-data-on-display.png" alt="Отображаемые данные" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Детализация по дате </span>
При группировке по полю даты выберите период группировки.
| Вариант | Группирует данные по | Пример результата |
| ---------------- | -------------------------- | ------------------------------------------------------ |
| **День** | Каждый календарный день | 1 янв., 2 янв., 3 янв.... |
| **Неделя** | Календарные недели | Неделя 1, Неделя 2, Неделя 3... |
| **Месяц** | Календарные месяцы | январь, февраль, март... |
| **Квартал** | Финансовые кварталы | Q1, Q2, Q3, Q4 |
| **Год** | Календарные годы | 2023, 2024, 2025 |
| **День недели** | День недели (агрегировано) | понедельник, вторник... (все понедельники объединены) |
| **Месяц года** | Месяц (агрегировано) | январь, февраль... (все январские значения объединены) |
| **Квартал года** | Квартал (агрегировано) | Q1, Q2, Q3, Q4 (все Q1 объединены) |
Варианты «день недели/месяц года/квартал года» агрегируют данные за весь период. Используйте **День недели**, чтобы увидеть, в какие дни обычно больше всего сделок. Используйте **Месяц**, чтобы видеть динамику по месяцам.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Сортировка по </span>
Управляйте порядком категорий на оси X.
* **Позиция** — использует порядок, заданный в настройках поля Select
* **Алфавитный** — от A до Z (или хронологически для дат)
* **По значению** — упорядочено по метрике (сначала наибольшее или наименьшее)
* **Вручную** — перетащите, чтобы задать свой порядок
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-sort.png" alt="Сортировать по" />
**Совет**: для этапов воронки используйте **Позиция**, чтобы показать этапы в порядке вашего процесса продаж (Lead → Qualified → Proposal → Won).
<Note>
Доступные параметры зависят от типа поля. Поля Select имеют все варианты; поля даты и текста — меньше.
</Note>
<Tip>
При сортировке **Вручную** перетаскивайте категории, чтобы создать пользовательский порядок — идеально для выделения отдельных сегментов или для наглядного рассказа о ваших данных.
</Tip>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="eye-off" />Исключить нулевые значения </span>
Скрывайте категории с нулевыми значениями или без данных.
* **Вкл.**: категории без записей скрываются
* **Выкл.**: отображаются все категории, даже пустые
Используйте это, чтобы «очистить» диаграммы с разреженными данными.
---
## Настройки оси Y
Эти настройки определяют, что вы измеряете и как это отображается.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-y" />Отображаемые данные </span>
Выберите поле и операцию для расчёта метрики.
* **Подсчёты** — Подсчитать все, Подсчитать пустые, Подсчитать непустые, Подсчитать уникальные значения
* **Математика** — Сумма, Среднее, Мин., Макс. (числовые поля)
* **Проценты** — Процент пустых, Процент непустых
В полях Boolean доступен подсчёт true/false. В сводных диаграммах с полями даты доступны операции "Самая ранняя/самая поздняя".
**Пример**: выберите "Amount" с операцией Sum, чтобы увидеть общую сумму сделок по категориям, или Count all, чтобы увидеть количество сделок.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-data-on-display.png" alt="Отображаемые данные" />
<Note>
Доступные параметры зависят от типа поля и вида диаграммы. Если вы не видите ожидаемую операцию, проверьте тип поля.
</Note>
### Соотношение
Для полей Select, Multi-select или Boolean вы можете вычислить процент конкретного значения.
1. Выберите поле Select, Multi-select или Boolean
2. Включите **Соотношение**
3. Выберите вариант для измерения
**Пример**: покажите сделки со статусом "Won" в процентах от всех сделок. Если из 50 всего 10 со статусом "Won", диаграмма покажет 20%.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filters" />Группировать по </span>
Добавьте второе измерение, чтобы создать несколько рядов (несколько столбцов или линий).
1. Сначала задайте поле для оси X
2. Нажмите **Группировать по**
3. Выберите второе поле
**Пример**: сгруппируйте сделки по Stage (ось X) И по Owner (Группировать по), чтобы увидеть разрез по воронке каждого человека рядом.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-group-by.png" alt="Группировать по" />
Когда задана группировка, на диаграмме появятся несколько цветов и отобразится легенда.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Детализация по дате </span>
Когда группировка выполняется по полю даты, выберите период (те же варианты, что и для оси X).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Сортировка по </span>
Когда **Группировать по** задано, управляйте порядком сгруппированных рядов (например, какой столбец владельца отображается первым в каждой категории).
Те же варианты, что и для сортировки по оси X — Позиция, Алфавитный и Вручную — за исключением того, что **сортировка по значениям недоступна** для вторичной группировки.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="chart-bar-popular" />Накопительный итог </span>
Показывать нарастающий итог вместо отдельных значений.
* **Выкл.**: каждый столбец/точка показывает своё значение
* **Вкл.**: каждый столбец/точка показывает сумму всех предыдущих значений плюс своё
**Пример**: январь = 10, февраль = 15
* Накопительный итог выкл.: показаны 10 и 15
* Накопительный итог вкл.: показаны 10 и 25 (10 + 15)
Используйте накопительный итог, чтобы отслеживать прогресс к цели во времени.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-cumulative.png" alt="Накопительный" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="math-min" />Мин. диапазон / <ChartIcon icon="math-max" />Макс. диапазон </span>
Установите фиксированные минимальные и максимальные значения для оси Y.
* Оставьте пустым для автоматического масштабирования
* Введите число, чтобы зафиксировать границу
**Когда использовать:**
* Установите минимум в 0 для корректных визуальных сравнений
* Установите оба значения для согласованных шкал на нескольких диаграммах
* Сфокусируйтесь на определённом диапазоне значений, задав оба параметра
---
## Настройки стиля
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="color-swatch" />Цвета </span>
Задайте цветовую схему для диаграммы. Выберите из множества цветовых палитр.
<Note>
При группировке по полю Select диаграмма автоматически использует цвета, заданные для каждой опции в настройках поля.
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="gizmo" />Подписи осей </span>
Выберите, какие подписи осей показывать: **Нет**, **Ось X**, **Ось Y** или **Обе** (только для столбчатых и линейных диаграмм).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="stack-2" />Накопительные столбцы / Накопительные линии </span>
Когда задана группировка, выберите, как отображать несколько рядов.
* **Выкл. (Группированные)**: ряды отображаются рядом друг с другом. Используйте для сравнения точных значений между группами.
* **Вкл. (Накопительные)**: ряды накладываются друг на друга. Используйте для показа состава — как части формируют целое.
**Пример**: сделки по этапам, сгруппированные по владельцу
* Группированные: точные значения каждого владельца рядом
* Накопительные: общее число сделок на этапе с вкладом каждого владельца
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="badge-2k" />Подписи данных </span>
Показывайте значения прямо на элементах диаграммы (столбцах, точках, секторах).
* **Вкл.**: значения отображаются на диаграмме
* **Выкл.**: значения не отображаются (чище внешний вид)
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="text-caption" />Легенда </span>
Показывать или скрывать легенду (отображается только при заданной группировке).
* **Вкл.**: легенда показывает, что означает каждый цвет
* **Выкл.**: легенда не отображается
<Tip>
**Наведите курсор** на элемент легенды, чтобы подсветить эту группу. **Нажмите**, чтобы временно скрыть её на диаграмме.
</Tip>
---
## Особенности отдельных диаграмм
### Круговые диаграммы
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="chart-pie" size={16} /></span> **Каждый сектор представляет** – Определите, как группируются секторы
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="eye-off" size={16} /></span> **Скрыть пустую категорию** – Удалить секторы с нулевым значением
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="number-123" size={16} /></span> **Показывать значение в центре** – Отображать агрегированное значение (сумма, среднее, количество и т. д.)
### Сводные диаграммы
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-left" size={16} /></span> **Префикс** – Добавить текст перед числом (например, `$`)
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-right" size={16} /></span> **Суффикс** – Добавить текст после числа (например, `%`)

View File

@@ -0,0 +1,92 @@
---
title: Панели управления
description: Создавайте и организуйте панели мониторинга с вкладками, чтобы визуализировать данные вашей CRM.
---
## Обзор
Панели мониторинга в Twenty организованы иерархически: **Панели мониторинга → Вкладки → Виджеты**. Каждая панель мониторинга может содержать несколько вкладок, и каждая вкладка включает виджеты (диаграммы, числа, iFrames).
## Создание панели мониторинга
1. Перейдите в раздел **Панели мониторинга** в меню навигации
2. Нажмите **+ Новая запись**
<img src="/images/user-guide/dashboard/dashboard-create-new.png" alt="Создать новую панель" />
3. Назовите панель мониторинга
4. Начните добавлять вкладки и виджеты
## Работа со вкладками
Вкладки помогают организовать панель мониторинга на логические разделы.
### Создание вкладок
1. В режиме редактирования, нажмите **+** в панели вкладок, а боковая панель откроется справа
2. Назовите вкладку (например, "Обзор воронки", "Результативность команды")
3. Добавьте виджеты на вкладку
### Изменение порядка вкладок
1. В режиме редактирования нажмите и удерживайте вкладку, которую хотите переместить
2. Перетащите на новую позицию
3. Вы также можете нажать на вкладку и использовать меню команд, чтобы переместить вкладку влево или вправо
### Удаление вкладок
1. В режиме редактирования нажмите на вкладку, которую хотите удалить
2. Нажмите кнопку **Удалить** в командном меню
### Дублирование вкладок
1. Нажмите на вкладку, которую хотите дублировать
2. Нажмите кнопку **Дублировать** на боковой панели
<img src="/images/user-guide/dashboard/dashboard-tabs.png" alt="Вкладка панели" />
## Макет панели мониторинга
### Расположение виджетов
* Перетаскивайте, чтобы расположить
* Изменяйте размер, чтобы выделить
* Группируйте связанные диаграммы вместе
### Дублирование панели мониторинга
1. Выберите панель, которую хотите дублировать
2. Откройте командную палитру с помощью **Cmd + K** (или **Ctrl + K** в Windows)
3. Выберите **Дублировать панель мониторинга**
<img src="/images/user-guide/dashboard/dashboard-duplicate.png" alt="Дублировать панель" />
### Лучшие практики
* **Логическая последовательность**: располагайте от общего к частному
* **Визуальная иерархия**: используйте более крупные диаграммы для ключевых метрик
* **Единый стиль**: используйте согласованные цвета и шрифты
## Видимость и доступ
### Видимость панели мониторинга
Панели мониторинга видны всем, у кого есть доступ к вашему рабочему пространству Twenty. В настоящее время опции приватной панели мониторинга нет.
### Избранное
Вы можете добавлять панели мониторинга в избранное для быстрого доступа. Это персональная настройка — ваше избранное не видно другим пользователям.
Чтобы добавить панель мониторинга в избранное, откройте панель мониторинга и нажмите значок звезды.
### Работа с часовыми поясами
Панели мониторинга сейчас отображают данные в соответствии с часовым поясом пользователя, который их просматривает. Это означает, что одна и та же панель мониторинга может отображать разные метрики для участников команды в разных регионах (например, APAC и США).
<Note>
**Скоро**: мы добавим возможность задавать конкретный часовой пояс для панели мониторинга, чтобы все пользователи видели согласованные данные независимо от их местоположения.
</Note>
<Note>
**Скоро**: фильтры на уровне панели мониторинга позволят применять фильтры ко всем виджетам сразу, что ускорит изучение ваших данных.
</Note>

View File

@@ -0,0 +1,169 @@
---
title: Виджеты
description: Изучите типы виджетов и варианты визуализации в Twenty.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Доступные виджеты
Twenty предоставляет различные типы виджетов для визуализации данных вашей CRM-системы.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />Гистограммы</span>
Отображайте данные в виде горизонтальных или вертикальных столбцов.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="Гистограмма" />
</Frame>
**Лучше всего подходит для:**
* Сравнение значений по категориям
* Отображение рейтингов
* Отслеживание метрик по периодам времени
**Примеры использования:**
* Сделки по этапам
* Выручка по менеджерам по продажам
* Контакты, добавленные по месяцам
<Note>
**Ограничения отображения**: Гистограммы могут отображать максимум 100 столбцов и 50 групп на столбец при использовании "Group By". Если вы видите предупреждение "Undisplayed data: max X bars per chart", добавьте фильтры, чтобы сузить данные, или измените группировку (например, группируйте по неделям вместо дней).
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />Круговые диаграммы</span>
Показывайте доли целого.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="Круговая диаграмма" />
</Frame>
**Лучше всего подходит для:**
* Отражение состава или распределения
* Сравнение частей с целым
* Выделение ключевых сегментов
**Примеры использования:**
* Распределение сделок по источникам
* Разбивка контактов по отраслям
* Состав воронки по ответственным
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />Линейные диаграммы</span>
Отображайте динамику во времени.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="Линейная диаграмма" />
</Frame>
**Лучше всего подходит для:**
* Отслеживание изменений во времени
* Определение тенденций
* Сравнение нескольких метрик
**Примеры использования:**
* Динамика количества сделок по месяцам
* Рост выручки по кварталам
* Динамика уровня активности
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />Сводные диаграммы</span>
Наглядно отображайте отдельные ключевые значения.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="Сводная диаграмма" />
</Frame>
**Лучше всего подходит для:**
* Выделение KPI
* Показ итогов или средних значений
* Быстрые проверки статуса
**Примеры использования:**
* Общий объем воронки
* Число открытых сделок
* Коэффициент конверсии
**Расширенные параметры:**
* **Ratio**: Для полей типа Select вычисляйте соотношения между значениями. Перейдите в **Отображаемые данные** → выберите поле → включите параметр **Ratio**.
* **Префикс и суффикс**: Добавляйте произвольный текст до или после числа (например, префикс "$" или суффикс "%") для лучшей читаемости.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrames</span>
Встраивайте внешние инструменты и контент прямо в ваш дашборд.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-table.png" alt="График таблицы" />
</Frame>
**Лучше всего подходит для:**
* Поиск отдельных записей
* Проверка точных значений
* Аудит или для справки
**Примеры использования:**
* Сделки, закрывающиеся в этом месяце
* Новые лиды на этой неделе
* Просроченные счета
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="table" />Таблица</span>
Просматривайте отфильтрованные записи прямо на вашей панели управления.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
</Frame>
**Лучше всего подходит для:**
* Отображение внешних отчетов или дашбордов
* Интеграция сторонних инструментов продаж
* Отображение данных в реальном времени из других систем
**Примеры использования:**
* Метрики из вашего сервиса поддержки
* Метрики из вашей системы обзвона
* Контент в реальном времени из вашего инструмента последовательностей продаж
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />Форматированный текст</span>
Добавляйте форматированный текст и контент прямо в ваш дашборд.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="Форматированный текст" />
</Frame>
**Лучше всего подходит для:**
* Добавление контекста или инструкций
* Описания дашборда
* Заметки и аннотации
**Возможности:**
* Форматирование текста (полужирный, курсив, списки и т. д.)
* Загрузка изображений и файлов
* Редактирование в стиле Markdown
<Note>
**Скоро**: Индикаторные диаграммы пока недоступны, но есть в нашей дорожной карте.
</Note>
### Дублирование виджетов
1. Нажмите на виджет
2. Откройте **Параметры**
3. Нажмите **Дублировать виджет**