> ## Documentation Index > Fetch the complete documentation index at: https://clickhouse.com/docs/llms.txt > Use this file to discover all available pages before exploring further. > RocketBI — это платформа самообслуживания для бизнес-аналитики, которая помогает быстро анализировать данные, создавать визуализации с помощью drag-and-drop и совместно работать с коллегами прямо в браузере. # Цель: создать свою первую панель мониторинга с Rocket.BI export const CommunityMaintainedBadge = () => { return
Поддерживается сообществом
; }; export const Image = ({img, alt, size = "lg"}) => { const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg"; return
{alt}
; }; В этом руководстве вы установите Rocket.BI и создадите простую панель мониторинга. Вот как она выглядит: Панель мониторинга Rocket BI с метриками продаж, диаграммами и KPI
Вы можете посмотреть [эту панель мониторинга по ссылке.](https://demo.rocket.bi/dashboard/sales-dashboard-7?token=7eecf750-cbde-4c53-8fa8-8b905fec667e)
## Установка
Запустите RocketBI с помощью наших готовых Docker-образов. Получите docker-compose.yml и файл конфигурации: ```bash theme={null} wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/docker-compose.yml wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/.clickhouse.env ``` Отредактируйте `.clickhouse.env` и добавьте сведения о сервере ClickHouse. Запустите RocketBI командой: `docker-compose up -d .` Откройте браузер, перейдите на `localhost:5050` и войдите с этой учётной записью: `hello@gmail.com/123456` Инструкции по сборке из исходного кода и расширенной настройке см. здесь: [Rocket.BI Readme](https://github.com/datainsider-co/rocket-bi/blob/main/README.md)
## Давайте создадим панель мониторинга
В разделе панели мониторинга вы найдете свои отчеты. Чтобы начать визуализацию, нажмите **+New** Вы можете создавать **неограниченное количество панелей мониторинга** и **неограниченное количество диаграмм** на каждой панели мониторинга. Анимация, показывающая процесс создания новой диаграммы в Rocket BI
Посмотрите руководство в высоком разрешении на YouTube: [https://www.youtube.com/watch?v=TMkdMHHfvqY](https://www.youtube.com/watch?v=TMkdMHHfvqY)
### Создайте элементы управления диаграммы
#### Создайте элемент управления метриками
На вкладке Tab выберите поля метрик, которые хотите использовать. Убедитесь, что параметр агрегации настроен правильно. Панель настройки элемента управления метриками Rocket BI с выбранными полями и параметрами агрегации
Переименуйте фильтры и сохраните элемент управления на панель мониторинга Элемент управления метриками с переименованными фильтрами, готовый к сохранению на панель мониторинга
#### Создайте элемент управления с типом даты
Выберите поле Date в качестве основного столбца даты: Интерфейс выбора поля даты в Rocket BI с доступными столбцами даты
Добавьте дублирующиеся варианты с разными диапазонами. Например: год, месяц, день или день недели. Настройка диапазона дат с различными вариантами периода времени, такими как год, месяц и день
Переименуйте фильтры и сохраните элемент управления в панель мониторинга Элемент управления диапазоном дат с переименованными фильтрами, готовый к сохранению в панель мониторинга
### Теперь давайте создадим диаграммы
#### Круговая диаграмма: метрики продаж по регионам
Выберите Adding new chart, затем — Select Pie Chart Панель выбора типа диаграммы с выделенной опцией круговой диаграммы
Сначала перетащите столбец "Region" из Dataset в поле Legend Field Интерфейс перетаскивания, показывающий добавление столбца Region в поле легенды
Затем перейдите на вкладку элемента управления диаграммой Интерфейс вкладки управления диаграммой с параметрами настройки визуализации
Перетащите элемент управления метриками в поле Value Field Элемент управления метриками добавляется в поле значений круговой диаграммы
(элемент управления метриками также можно использовать для сортировки) Перейдите в Chart Setting для дальнейшей настройки Панель настроек диаграммы с параметрами настройки круговой диаграммы
Например, измените Data label на Percentage Настройки подписей данных изменены для отображения процентов на круговой диаграмме
Сохраните диаграмму и добавьте её на панель мониторинга Вид панели мониторинга с новой круговой диаграммой и другими элементами управления
#### Использование элемента выбора даты на диаграмме временного ряда
Давайте используем столбчатую диаграмму с накоплением Интерфейс создания столбчатой диаграммы с накоплением для данных временного ряда
В элементе управления диаграммой выберите Metrics Control для оси Y, а Date Range — для оси X Настройка элемента управления диаграммой: метрики по оси Y и диапазон дат по оси X
Добавьте столбец Region в Breakdown Столбец Region добавляется в Breakdown для столбчатой диаграммы с накоплением
Добавьте Number Chart в качестве KPI и сделайте панель мониторинга нагляднее Готовая панель мониторинга с KPI в виде числовых диаграмм, круговой диаграммой и визуализацией временного ряда
Теперь вы успешно создали свою первую панель мониторинга в rocket.BI