Skip to content
ClickHouse Docs
ClickHouse DocsClickHouse Docs

Objetivo: crea tu primer dashboard con Rocket.BI

Mantenido por la comunidad

En esta guía, instalarás Rocket.BI y crearás un dashboard sencillo. Este es el dashboard:

Dashboard de Rocket BI que muestra métricas de ventas con gráficos y KPI

Puedes ver el dashboard en este enlace.

Instalación

Inicie RocketBI con nuestras imágenes de Docker listas para usar.

Descargue docker-compose.yml y el archivo de configuración:

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

Edita .clickhouse.env y agrega la información del servidor de ClickHouse.

Inicia RocketBI ejecutando el comando: docker-compose up -d .

Abre el navegador, ve a localhost:5050 e inicia sesión con esta cuenta: hello@gmail.com/123456

Para compilar desde el código fuente o realizar una configuración avanzada, puedes consultarlo aquí: Rocket.BI Readme

Construyamos el dashboard

En Dashboard, encontrarás tus informes. Para empezar a visualizar, haz clic en +New

Puedes crear dashboards ilimitados y gráficos ilimitados en un dashboard.

Animación que muestra el proceso de creación de un nuevo gráfico en Rocket BI

Consulta el tutorial en alta resolución en YouTube: https://www.youtube.com/watch?v=TMkdMHHfvqY

Crea los controles del gráfico

Crea un control de métricas

En el filtro Tab, selecciona los campos de métricas que quieras usar. Asegúrate de revisar la configuración de agregación.

Panel de configuración del control de métricas de Rocket BI que muestra los campos seleccionados y la configuración de agregación

Renombra los filtros y guarda el control en el dashboard

Control de métricas con filtros renombrados, listo para guardar en el dashboard

Crea un control de tipo fecha

Elige un campo de fecha como columna de fecha principal:

Interfaz de selección de campos de fecha en Rocket BI que muestra las columnas de fecha disponibles

Agrega variantes duplicadas con distintos rangos de búsqueda. Por ejemplo, Año, Mensual, Diario o Día de la semana.

Configuración del rango de fechas que muestra distintas opciones de periodo de tiempo, como año, mes y día

Renombra los filtros y guarda el control en el dashboard

Control de rango de fechas con los filtros renombrados, listo para guardarse en el dashboard

Ahora, creemos los gráficos

Gráfico circular: métricas de ventas por regiones

Elige Adding new chart y luego selecciona gráfico circular

Panel de selección del tipo de gráfico con la opción de gráfico circular resaltada

Primero, arrastra y suelta la columna "Region" del Dataset en el campo Legend

Interfaz de arrastrar y soltar que muestra la columna Region agregándose al campo de leyenda

Luego, cambia a la pestaña Chart Control

Interfaz de la pestaña Chart Control que muestra opciones de configuración de visualización

Arrastra y suelta Metrics Control en el campo Value

Metrics Control agregándose al campo de valor del gráfico circular

(también puedes usar Metrics Control para ordenar)

Ve a Chart Setting para personalizarlo más

Panel de configuración del gráfico que muestra opciones de personalización para el gráfico circular

Por ejemplo, cambia Data label a Percentage

La configuración de la etiqueta de datos se cambia para mostrar porcentajes en el gráfico circular

Guarda y agrega el gráfico al dashboard

Vista del dashboard que muestra el gráfico circular recién agregado con otros controles

Usa el control de fecha en un gráfico de series temporales

Usemos un gráfico de columnas apiladas

Interfaz de creación de un gráfico de columnas apiladas con datos de series temporales

En Chart Control, usa control de métricas como eje Y y rango de fechas como eje X

Configuración de Chart Control que muestra métricas en el eje Y y rango de fechas en el eje X

Agrega la columna Region a Breakdown

La columna Region se agrega como dimensión de desglose en el gráfico de columnas apiladas

Agrega un Number Chart como KPI y mejora el dashboard

Dashboard completo con gráficos numéricos de KPI, gráfico circular y visualización de series temporales

Ahora has creado con éxito tu primer dashboard con rocket.BI

Navigation