Skip to content
ClickHouse Docs
ClickHouse DocsClickHouse Docs

Цель: создать свою первую панель мониторинга с Rocket.BI

Поддерживается сообществом

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

Панель мониторинга Rocket BI с метриками продаж, диаграммами и KPI

Вы можете посмотреть эту панель мониторинга по ссылке.

Установка

Запустите 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 и войдите с этой учётной записью: hello@gmail.com/123456

Инструкции по сборке из исходного кода и расширенной настройке см. здесь: Rocket.BI Readme

Давайте создадим панель мониторинга

В разделе панели мониторинга вы найдете свои отчеты. Чтобы начать визуализацию, нажмите +New

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

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

Посмотрите руководство в высоком разрешении на YouTube: 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

Navigation