> ## Documentation Index > Fetch the complete documentation index at: https://docs.get-clara.tech/llms.txt > Use this file to discover all available pages before exploring further. # Настройки диаграмм > Настройте диаграммы, чтобы показывать данные именно так, как вам нужно. export const ChartIcon = ({icon, size = 20}) => { const icons = { 'database': , 'filter': , 'axis-x': , 'axis-y': , 'sum': , 'chart-pie': , 'chart-line': , 'calendar': , 'arrows-sort': , 'filters': , 'chart-bar-popular': , 'math-min': , 'math-max': , 'color-swatch': , 'gizmo': , 'stack-2': , 'badge-2k': , 'text-caption': , 'eye-off': , 'caret-left': , 'caret-right': , 'number-123': , 'frame': , 'align-box-left-top': }; const selectedIcon = icons[icon]; if (!selectedIcon) { return null; } return selectedIcon; }; ## Доступ к настройкам диаграмм 1. Нажмите кнопку **Редактировать** в правом верхнем углу дашборда Режим редактирования 2. Панель переходит в режим редактирования 3. Нажмите на любой виджет, чтобы выбрать его 4. Справа откроется панель настроек Настройки сгруппированы по разделам: * **Данные**: какие данные получать и как их фильтровать * **Ось X**: как группировать и сортировать категории (столбчатые/линейные диаграммы) * **Ось Y**: что измерять и как отображать (столбчатые/линейные диаграммы) * **Стиль**: цвета, подписи и визуальные параметры Некоторые настройки отображаются только после задания других настроек. Например, **Детализация по дате** появляется только при выборе поля даты. *** ## Настройки данных ### Источник Выберите объект, из которого получать данные. 1. Нажмите **Источник** 2. Выберите объект (Сделки, Люди, Компании и т. д.) Доступны все ваши стандартные и пользовательские объекты. Изменение источника сбрасывает другие настройки, поскольку параметры полей зависят от выбранного объекта. Источник ### Фильтр Ограничьте, какие записи включать в диаграмму. 1. Нажмите **Фильтр** 2. Откроется конструктор фильтров 3. Нажмите **+ Добавить фильтр** 4. Выберите поле, условие и значение 5. При необходимости добавьте ещё фильтры Фильтры работают так же, как в табличных представлениях. Используйте их, чтобы сосредоточиться на конкретных сегментах данных. **Пример**: отфильтруйте сделки, где этап равен "Won", чтобы показать только закрытые сделки. Фильтр Для полей даты используйте **Относительно**, чтобы создать динамические фильтры вроде "За последние 7 дней" или "Этот месяц", которые обновляются автоматически. Поддерживаются расширенные фильтры — добавляйте несколько правил фильтрации и комбинируйте их логикой **И** или **ИЛИ**. *** ## Настройки оси X Эти настройки управляют горизонтальной осью столбчатых и линейных диаграмм — обычно тем, как ваши данные группируются по категориям. ### Отображаемые данные Выберите поле, по которому группировать данные. Это определяет категории, отображаемые на оси X. **Пример**: выберите "Stage", чтобы видеть данные, сгруппированные по этапам воронки, или "Created date", чтобы видеть данные во времени. Отображаемые данные ### Детализация по дате При группировке по полю даты выберите период группировки. | Вариант | Группирует данные по | Пример результата | | ---------------- | -------------------------- | ------------------------------------------------------ | | **День** | Каждый календарный день | 1 янв., 2 янв., 3 янв.... | | **Неделя** | Календарные недели | Неделя 1, Неделя 2, Неделя 3... | | **Месяц** | Календарные месяцы | январь, февраль, март... | | **Квартал** | Финансовые кварталы | Q1, Q2, Q3, Q4 | | **Год** | Календарные годы | 2023, 2024, 2025 | | **День недели** | День недели (агрегировано) | понедельник, вторник... (все понедельники объединены) | | **Месяц года** | Месяц (агрегировано) | январь, февраль... (все январские значения объединены) | | **Квартал года** | Квартал (агрегировано) | Q1, Q2, Q3, Q4 (все Q1 объединены) | Варианты «день недели/месяц года/квартал года» агрегируют данные за весь период. Используйте **День недели**, чтобы увидеть, в какие дни обычно больше всего сделок. Используйте **Месяц**, чтобы видеть динамику по месяцам. ### Сортировка по Управляйте порядком категорий на оси X. * **Позиция** — использует порядок, заданный в настройках поля Select * **Алфавитный** — от A до Z (или хронологически для дат) * **По значению** — упорядочено по метрике (сначала наибольшее или наименьшее) * **Вручную** — перетащите, чтобы задать свой порядок Сортировать по **Совет**: для этапов воронки используйте **Позиция**, чтобы показать этапы в порядке вашего процесса продаж (Lead → Qualified → Proposal → Won). Доступные параметры зависят от типа поля. Поля Select имеют все варианты; поля даты и текста — меньше. При сортировке **Вручную** перетаскивайте категории, чтобы создать пользовательский порядок — идеально для выделения отдельных сегментов или для наглядного рассказа о ваших данных. ### Исключить нулевые значения Скрывайте категории с нулевыми значениями или без данных. * **Вкл.**: категории без записей скрываются * **Выкл.**: отображаются все категории, даже пустые Используйте это, чтобы «очистить» диаграммы с разреженными данными. *** ## Настройки оси Y Эти настройки определяют, что вы измеряете и как это отображается. ### Отображаемые данные Выберите поле и операцию для расчёта метрики. * **Подсчёты** — Подсчитать все, Подсчитать пустые, Подсчитать непустые, Подсчитать уникальные значения * **Математика** — Сумма, Среднее, Мин., Макс. (числовые поля) * **Проценты** — Процент пустых, Процент непустых В полях Boolean доступен подсчёт true/false. В сводных диаграммах с полями даты доступны операции "Самая ранняя/самая поздняя". **Пример**: выберите "Amount" с операцией Sum, чтобы увидеть общую сумму сделок по категориям, или Count all, чтобы увидеть количество сделок. Отображаемые данные Доступные параметры зависят от типа поля и вида диаграммы. Если вы не видите ожидаемую операцию, проверьте тип поля. ### Соотношение Для полей Select, Multi-select или Boolean вы можете вычислить процент конкретного значения. 1. Выберите поле Select, Multi-select или Boolean 2. Включите **Соотношение** 3. Выберите вариант для измерения **Пример**: покажите сделки со статусом "Won" в процентах от всех сделок. Если из 50 всего 10 со статусом "Won", диаграмма покажет 20%. ### Группировать по Добавьте второе измерение, чтобы создать несколько рядов (несколько столбцов или линий). 1. Сначала задайте поле для оси X 2. Нажмите **Группировать по** 3. Выберите второе поле **Пример**: сгруппируйте сделки по Stage (ось X) И по Owner (Группировать по), чтобы увидеть разрез по воронке каждого человека рядом. Группировать по Когда задана группировка, на диаграмме появятся несколько цветов и отобразится легенда. ### Детализация по дате Когда группировка выполняется по полю даты, выберите период (те же варианты, что и для оси X). ### Сортировка по Когда **Группировать по** задано, управляйте порядком сгруппированных рядов (например, какой столбец владельца отображается первым в каждой категории). Те же варианты, что и для сортировки по оси X — Позиция, Алфавитный и Вручную — за исключением того, что **сортировка по значениям недоступна** для вторичной группировки. ### Накопительный итог Показывать нарастающий итог вместо отдельных значений. * **Выкл.**: каждый столбец/точка показывает своё значение * **Вкл.**: каждый столбец/точка показывает сумму всех предыдущих значений плюс своё **Пример**: январь = 10, февраль = 15 * Накопительный итог выкл.: показаны 10 и 15 * Накопительный итог вкл.: показаны 10 и 25 (10 + 15) Используйте накопительный итог, чтобы отслеживать прогресс к цели во времени. Накопительный ### Мин. диапазон / Макс. диапазон Установите фиксированные минимальные и максимальные значения для оси Y. * Оставьте пустым для автоматического масштабирования * Введите число, чтобы зафиксировать границу **Когда использовать:** * Установите минимум в 0 для корректных визуальных сравнений * Установите оба значения для согласованных шкал на нескольких диаграммах * Сфокусируйтесь на определённом диапазоне значений, задав оба параметра *** ## Настройки стиля ### Цвета Задайте цветовую схему для диаграммы. Выберите из множества цветовых палитр. При группировке по полю Select диаграмма автоматически использует цвета, заданные для каждой опции в настройках поля. ### Подписи осей Выберите, какие подписи осей показывать: **Нет**, **Ось X**, **Ось Y** или **Обе** (только для столбчатых и линейных диаграмм). ### Накопительные столбцы / Накопительные линии Когда задана группировка, выберите, как отображать несколько рядов. * **Выкл. (Группированные)**: ряды отображаются рядом друг с другом. Используйте для сравнения точных значений между группами. * **Вкл. (Накопительные)**: ряды накладываются друг на друга. Используйте для показа состава — как части формируют целое. **Пример**: сделки по этапам, сгруппированные по владельцу * Группированные: точные значения каждого владельца рядом * Накопительные: общее число сделок на этапе с вкладом каждого владельца ### Подписи данных Показывайте значения прямо на элементах диаграммы (столбцах, точках, секторах). * **Вкл.**: значения отображаются на диаграмме * **Выкл.**: значения не отображаются (чище внешний вид) ### Легенда Показывать или скрывать легенду (отображается только при заданной группировке). * **Вкл.**: легенда показывает, что означает каждый цвет * **Выкл.**: легенда не отображается **Наведите курсор** на элемент легенды, чтобы подсветить эту группу. **Нажмите**, чтобы временно скрыть её на диаграмме. *** ## Особенности отдельных диаграмм ### Круговые диаграммы * **Каждый сектор представляет** – Определите, как группируются секторы * **Скрыть пустую категорию** – Удалить секторы с нулевым значением * **Показывать значение в центре** – Отображать агрегированное значение (сумма, среднее, количество и т. д.) ### Сводные диаграммы * **Префикс** – Добавить текст перед числом (например, `$`) * **Суффикс** – Добавить текст после числа (например, `%`)