Skip to content
ClickHouse Docs
ClickHouse DocsClickHouse Docs

Objetivo: criar seu primeiro dashboard com o Rocket.BI

Mantido pela comunidade

Neste guia, você vai instalar e criar um dashboard simples com o Rocket.BI. Este é o dashboard:

Dashboard do Rocket BI mostrando métricas de vendas com gráficos e KPIs

Você pode conferir o dashboard neste link.

Instalação

Inicie o RocketBI com nossas imagens Docker prontas para uso.

Obtenha o docker-compose.yml e o arquivo de configuração:

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

Edite o .clickhouse.env e adicione as informações do servidor ClickHouse.

Inicie o RocketBI executando o comando: docker-compose up -d .

Abra o navegador, acesse localhost:5050 e faça login com esta conta: hello@gmail.com/123456

Para compilar a partir do código-fonte ou usar uma configuração avançada, consulte Rocket.BI Readme

Vamos criar o dashboard

No Dashboard, você encontrará seus relatórios. Para começar a visualizar, clique em +New

Você pode criar dashboards ilimitados e gerar gráficos ilimitados em um dashboard.

Animação mostrando o processo de criação de um novo gráfico no Rocket BI

Veja o tutorial em alta resolução no YouTube: https://www.youtube.com/watch?v=TMkdMHHfvqY

Configure os controles do gráfico

Criar um controle de métricas

Na aba Filtro, selecione os campos de métrica que deseja usar. Certifique-se de manter a opção de agregação marcada.

Painel de configuração do controle de métricas do Rocket BI mostrando os campos selecionados e as configurações de agregação

Renomeie os filtros e salve o controle no dashboard

Controle de métricas com filtros renomeados pronto para ser salvo no dashboard

Crie um controle do tipo data

Escolha um campo de data como coluna principal de data:

Interface de seleção de campo de data no Rocket BI mostrando as colunas de data disponíveis

Adicione variantes duplicadas com diferentes granularidades. Por exemplo: anual, mensal, diária ou dia da semana.

Configuração de intervalo de datas mostrando diferentes opções de período, como ano, mês e dia

Renomeie os filtros e salve o controle no dashboard

Controle de intervalo de datas com filtros renomeados pronto para ser salvo no dashboard

Agora, vamos criar os gráficos

Gráfico de pizza: métricas de vendas por regiões

Escolha Adding new chart e, em seguida, selecione gráfico de pizza

Painel de seleção do tipo de gráfico com a opção de gráfico de pizza destacada

Primeiro, arraste e solte a coluna "Region" do Dataset no Legend Field

Interface de arrastar e soltar mostrando a coluna Region sendo adicionada ao campo de legenda

Em seguida, mude para a aba Chart Control

Interface da aba Chart Control mostrando opções de configuração da visualização

Arraste e solte o controle de métricas no Value Field

controle de métricas sendo adicionado ao campo de valor do gráfico de pizza

(você também pode usar o controle de métricas para ordenação)

Vá para Chart Setting para mais personalizações

Painel de configurações do gráfico mostrando opções de personalização para o gráfico de pizza

Por exemplo, altere Data label para Percentage

Configurações de rótulo de dados sendo alteradas para mostrar porcentagens no gráfico de pizza

Salve e adicione o gráfico ao Dashboard

Visualização do dashboard mostrando o gráfico de pizza recém-adicionado com outros controles

Use o controle de data em um gráfico de série temporal

Vamos usar um gráfico de colunas empilhadas

Interface de criação de gráfico de colunas empilhadas com dados de série temporal

No Chart Control, use o controle de métricas como eixo Y e o Date Range como eixo X

Configuração do controle do gráfico mostrando métricas no eixo Y e intervalo de datas no eixo X

Adicione a coluna Region ao Breakdown

Coluna Region sendo adicionada como dimensão de detalhamento no gráfico de colunas empilhadas

Adicione um gráfico de número como KPI e destaque mais o dashboard

Dashboard completo com gráficos numéricos de KPI, gráfico de pizza e visualização de série temporal

Agora, você criou com sucesso seu primeiro dashboard com rocket.BI

Navigation