---
title: Criar/editar um novo gráfico (Widget)
description: Aprenda a adicionar um widget à página do seu projeto e a editá-lo
---

[Pular para o conteúdo](https://www.metronlab.com/pt-br/knowledge/criar-editar-um-novo-grafico-widget#main-content)

- [Português - Brasil](https://www.metronlab.com/pt-br/knowledge/criar-editar-um-novo-grafico-widget)
- [English](https://www.metronlab.com/en/knowledge/create-edit-widget)
- [Español](https://www.metronlab.com/es/knowledge/crear/editar-nuevo-gráfico-widget)
- [Français](https://www.metronlab.com/fr/knowledge/creer-editer-un-nouveau-widget)
- [Italiano](https://www.metronlab.com/it/knowledge/creare/modificare-una-nuova-grafica-widget)
- [日本語](https://www.metronlab.com/ja/knowledge/create-edit-widget)

Português - Brasil

Mostrar submenu para traduções

![Metron-icon-diagram-2.png\]](https://www.metronlab.com/hs-fs/hubfs/Metron-icon-diagram-2.png?height=40&name=Metron-icon-diagram-2.png)

Abrir navegação principal

Fechar navegação principal

- - [Português - Brasil](https://www.metronlab.com/pt-br/knowledge/criar-editar-um-novo-grafico-widget)
    - [English](https://www.metronlab.com/en/knowledge/create-edit-widget)
    - [Español](https://www.metronlab.com/es/knowledge/crear/editar-nuevo-gráfico-widget)
    - [Français](https://www.metronlab.com/fr/knowledge/creer-editer-un-nouveau-widget)
    - [Italiano](https://www.metronlab.com/it/knowledge/creare/modificare-una-nuova-grafica-widget)
    - [日本語](https://www.metronlab.com/ja/knowledge/create-edit-widget)

  Português - Brasil
  
  Mostrar submenu para traduções
- [Ir para metron.energy](https://www.metron.energy/pt/)

[Ir para metron.energy](https://www.metron.energy/pt/)

 Olá. Como podemos ajudá-lo?

- Não há sugestões porque o campo de pesquisa está em branco.

1. [Centro de Recursos METRON](https://www.metronlab.com/pt-br/knowledge?hsLang=pt-br)
2. [Como utilizar e EOM y EOM-Corporativo?](https://www.metronlab.com/pt-br/knowledge/como-utilizar-e-eom-y-eom-corporativo?hsLang=pt-br)
3. [Área de visualização de dados](https://www.metronlab.com/pt-br/knowledge/como-utilizar-e-eom-y-eom-corporativo?hsLang=pt-br#%C3%A1rea-de-visualiza%C3%A7%C3%A3o-de-dados)

# Criar/editar um novo gráfico (Widget)

## Aprenda a adicionar um widget à página do seu projeto e a editá-lo

### Introdução

Ao clicar na opção «Adicionar novo widget» no menu da sua secção, poderá escolher entre diferentes tipos de widgets:

- **Diagrama de eixos**: permite mostrar a tendência de uma ou várias variáveis ao visualizar a sua evolução ao longo do tempo.
- **Pizza:** normalmente utilizado para mostrar distribuições, por exemplo, para visualizar onde a energia é consumida.
- **Vareta**: indicador visual que permite verificar uma quantidade e compará-la com determinados valores de referência.
- **Diagrama de Fluxo**: diagrama de fluxo de vários ramos. A largura de cada ramo é proporcional aos valores das variáveis associadas a estes ramos.
- **Medidor**: devolve simplesmente um valor numérico, associado à variável dada. Podem ser representadas várias variáveis num contador.
- **Gráfico de dispersão**: permite mostrar as correlações entre uma variável na abcissa e outra na ordenada.
- **Texto**: permite adicionar um bloco de texto à sua página para adicionar os seus comentários, notas de observação, etc.
- **Tabela**: permite-lhe visualizar os valores das suas variáveis numa tabela e identificar as tendências
- **Cronograma**:mostra o estado das suas variáveis booleanas.
- **Barra**: permite classificar várias variáveis num único widget. É especialmente útil para comparar e aferir os KPI de vários perímetros.

### **Adicionar um widget**

No exemplo seguinte, decidimos adicionar um gráfico de curvas:

![](https://www.metronlab.com/hubfs/image-png-Aug-02-2021-02-05-57-42-PM.png)

1. **Visão geral do widget:** na parte superior esquerda da janela pode observar a visão geral dos seus dados.
2. **Opções principais do widget:** na parte inferior esquerda da janela pode observar e alterar as principais opções relacionadas com o widget como um conjunto. Estão disponíveis diferentes opções para cada tipo de widget.
3. **Opções das variáveis:** no lado direito da janela estão as opções relacionadas com a série. Estão disponíveis diferentes opções para cada tipo de widget

### **Opções do widget**

**![](https://www.metronlab.com/hubfs/image-png-Aug-02-2021-02-07-05-39-PM.png)**

Uma vez o widget criado, estão disponíveis as seguintes opções:

1. **Atualizar widget:** permite atualizar instantaneamente os dados do widget.
2. **Editar widget**: para aceder ao menu de edição do widget
3. **Exibir notas do widget**
4. **Copiar o widget:** pode ser colado se clicar no menu da secção.
5. **Exportar widget:** os formatos disponíveis são csv, xls, png.
6. **Apagar widget**

Também estão disponíveis várias opções de visualização para a exibição do seu widget.

<iframe data-hsv-src="https://play.hubspotvideo.com/v/4886753/id/52029327114" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="52029327114" data-hsv-style="" data-hsv-width="688" data-hsv-height="387" data-hsv-autoplay="false" data-hsv-loop="false" data-hsv-muted="false" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

- Pode fazer zoom no seu widget desenhando uma moldura na área que deseja ampliar
- Oculte/exiba cada série clicando no seu nome na legenda do seu widget
- Adicione uma nota clicando num ponto ou coluna do seu widget

- [Como utilizar e EOM y EOM-Corporativo?](https://www.metronlab.com/pt-br/knowledge/como-utilizar-e-eom-y-eom-corporativo?hsLang=pt-br#main-content)

    - [Área de visualização de dados](https://www.metronlab.com/pt-br/knowledge/como-utilizar-e-eom-y-eom-corporativo?hsLang=pt-br#%C3%A1rea-de-visualiza%C3%A7%C3%A3o-de-dados)
    - [Descrição dos diferentes widgets](https://www.metronlab.com/pt-br/knowledge/como-utilizar-e-eom-y-eom-corporativo?hsLang=pt-br#descri%C3%A7%C3%A3o-dos-diferentes-widgets)
    - [Área de fontes de dados](https://www.metronlab.com/pt-br/knowledge/como-utilizar-e-eom-y-eom-corporativo?hsLang=pt-br#%C3%A1rea-de-fontes-de-dados)
- [Atualização do produto](https://www.metronlab.com/pt-br/knowledge/atualiza%C3%A7%C3%A3o-do-produto?hsLang=pt-br#main-content)

    - [Atualizações sobre o METRON - Energy Optimization](https://www.metronlab.com/pt-br/knowledge/atualiza%C3%A7%C3%A3o-do-produto?hsLang=pt-br#atualiza%C3%A7%C3%B5es-sobre-o-metron-energy-optimization)

[![Chill listening crop-3](https://www.metronlab.com/hs-fs/hubfs/Metron-logo.png?width=80&height=24&name=Metron-logo.png "Chill listening crop-3")](https://metron.energy)

Centro de Recursos METRON

Copyright © 2026, METRON (Headquarters)

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://4886753.fs1.hubspotusercontent-na1.net/hubfs/4886753/ressource-centre-widget-visualization-options.mp4",
  "dateModified" : "2022-05-26T20:28:46.021Z",
  "description" : "",
  "duration" : "PT24S",
  "height" : 1080,
  "name" : "ressource-centre-widget-visualization-options",
  "thumbnailUrl" : "https://www.metronlab.com/hubfs/ressource-centre-widget-visualization-options.mp4/medium.jpg",
  "uploadDate" : "2021-08-02T13:43:00.618Z",
  "width" : 1920
}
```