# Adicionando Widget - Gráfico

Os gráficos são programados para rodarem de forma automática entre as páginas configuradas. Por tanto, para poder realizar edições nos gráficos/páginas, é necessário pausar a ação automática.

<p class="callout info">**PAUSANDO A DASHBOARD**</p>

Para poder efetuar alterações nas páginas da dashboard, é necessário pausar a reprodução automática dela, clicando na opção "Automático" do menu lateral.

![Pausando a dashboard](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/Bvz7DCQSbX92f8um-1.jpg)

Após pausar a automatização da dashboard, aparecerá as opções de edição e configuração.

<p class="callout info">**ADMINISTRAÇÃO**</p>

![Acessando a tela administração](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/qTMYTrNyAGTtLQdD-2.jpg)

Nesta tela, é possível incluir widget personalizado ou editar alguma que você já tenha adicionado anteriormente. ![Adicionando widget personalizado](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/N0kQh44u3JIjXUA4-3.jpg)

Clicando nesta opção, exibe um modal com um campo de busca. Através deste campo é possível buscar os widget previamente disponibilizados.

[![Selecionando o tipo de widget](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/6ifzUtdtLYRZHJnU-4.jpg)](https://doc.sismetro.com/uploads/images/gallery/2025-03/6ifzUtdtLYRZHJnU-4.jpg)

Ao selecionar o widget desejado, basta clicar em salvar. O sistema irá carregar uma nova tela com alguns campos para configuração do widget.

Na primeira opção, você terá 3 colunas, sendo elas: Card de exibição, Dados e Layout do elemento.

- Na primeira aba, você tem as seguintes opções de configuração: 
    - Título: Título que será apresentado junto ao gráfico;
    - Tamanho do widget: Opção para definir o espaço que o gráfico irá ocupar em tela;
    - Descrição: Campo para inserir uma breve explicação sobre o gráfico;  
        ![Configurações do card](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/cZrSsEaVAAgIe63n-5-1.jpg)
- Na aba dados, você encontra opções de filtro. Caso não tenha nenhuma opção previamente disponibilizada, você pode clicar em “Vincular novo filtro” e escolher o tipo de filtro desejado;  
    ![Opções de filtros da tela "Dados"](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/P4iWVZJ3UXQQ8Im2-5-2-0.jpg)  
      
    ![Adicionando filtro](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/zxdNPDg2405XFesF-5-2-1.jpg)
- Na última aba, “Layout do elemento”, você encontra opção para editar características visuais do gráfico;  
    ![Edição de layout do gráfico](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/GvJBOr4upJ9FWysb-5-3.jpg)
- No final da página, você tem uma prévia do gráfico.  
    ![Previa do widget](https://doc.sismetro.com/uploads/images/gallery/2025-03/scaled-1680-/nVTPt3QPFzN5y3Zt-6.jpg)

Após todas as edições terem sido aplicadas, basta clicar no botão “SALVAR”.