Перейти к основному содержанию
Перейти к основному содержанию

Цель: создать свой первый дашборд в Rocket.BI

Community Maintained

В этом руководстве вы установите и создадите простой дашборд с помощью Rocket.BI. Вот как он выглядит:

Дашборд Rocket BI с метриками продаж, графиками и ключевыми показателями

Вы можете открыть этот дашборд по ссылке.

Установка​

Запустите RocketBI с помощью наших предварительно собранных образов Docker.

Скачайте файл docker-compose.yml и конфигурационный файл:

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, войдите с этой учетной записью: [email protected]/123456.

Чтобы собрать из исходников или выполнить расширенную настройку, ознакомьтесь с файлом Rocket.BI Readme.

Давайте соберём дашборд​

Во вкладке Dashboard вы найдёте свои отчёты, начните создавать визуализации, нажав +New.

Вы можете создавать неограниченное количество дашбордов и строить неограниченное количество диаграмм в одном дашборде.

Анимация, показывающая процесс создания новой диаграммы в Rocket BI

Подробный обучающий ролик в высоком разрешении смотрите на YouTube: https://www.youtube.com/watch?v=TMkdMHHfvqY

Создаём элементы управления для диаграмм​

Создайте контрол метрик​

Во вкладке Tab filter выберите поля метрик, которые вы хотите использовать. Убедитесь, что корректно настроена агрегация.

Панель конфигурации контрола метрик в Rocket BI с выбранными полями и настройками агрегации

Переименуйте фильтры и сохраните Control в Dashboard.

Контрол метрик с переименованными фильтрами, готовый к сохранению в дашборд

Создайте контрол типа дата​

Выберите поле Date как основную колонку Main Date:

Интерфейс выбора поля даты в Rocket BI с доступными колонками дат

Добавьте дублирующие варианты с разными диапазонами выборки. Например, Year, Monthly, Daily date или Day of Week.

Конфигурация диапазона дат с различными вариантами периодов, такими как год, месяц и день

Переименуйте фильтры и сохраните Control в Dashboard.

Контрол диапазона дат с переименованными фильтрами, готовый к сохранению в дашборд

Теперь давайте соберём диаграммы​

Круговая диаграмма: метрики продаж по регионам​

Выберите добавление новой диаграммы, затем выберите Pie Chart.

Пане�ль выбора типа диаграммы с выделенным вариантом круговой диаграммы

Сначала перетащите колонку «Region» из Dataset в поле Legend.

Интерфейс drag-and-drop, показывающий добавление колонки Region в поле Legend

Затем перейдите на вкладку Chart Control.

Интерфейс вкладки Chart Control с опциями конфигурации визуализации

Перетащите Metrics Control в поле Value.

Контрол метрик, добавляемый в поле Value круговой диаграммы

(вы также можете использовать Metrics Control для сортировки)

Перейдите в Chart Setting для дополнительной настройки.

Панель настроек диаграммы с опциями кастомизации круговой диаграммы

Например, измените Data label на Percentage.

Настройки подписей данных, изменяемые на отображение процентов в круговой диаграмме

Сохраните и добавьте диаграмму в Dashboard.

Вид дашборда с только что добавленной круговой диаграммой и другими контролами

Использование дата-контрола во временной диаграмме​

Используем Stacked Column Chart.

Интерфейс создания составной столбчатой диаграммы с временными рядами

В Chart Control используйте Metrics Control как ось Y и Date Range как ось X.

Конфигурация Chart Control с метриками по оси Y и диапазоном дат по оси X

Добавьте колонку Region в Breakdown.

Колонка Region, добавляемая как измерение Breakdown в составной столбчатой диаграмме

Добавьте Number Chart как KPI и сделайте Dashboard более наглядным.

Готовый дашборд с KPI Number-диаграммами, круговой диаграммой и визуализацией временного ряда

Теперь вы успешно собрали свой первый дашборд в rocket.BI.