# Como inserir gráficos no frontend do HA

**URL:** <https://forum.cpha.pt/t/como-inserir-graficos-no-frontend-do-ha/96>\
**Category:** Tutoriais\
**Created:** [14 Abril , 2018 11:10 UTC](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend-do-ha/96 "2018-04-14T11:10:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![j\_assuncao](https://forum.cpha.pt/user_avatar/forum.cpha.pt/j_assuncao/32/3_2.png) [@j\_assuncao](https://forum.cpha.pt/u/j_assuncao)\
**Post date:** [14 Abril , 2018 11:10 UTC](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend-do-ha/96/1 "2018-04-14T11:10:57Z")

</div>

Podes inserir gáficos na interface do Home Assistant utilizando o componente `history_graph` no teu `configuration.yaml`.

Por exemplo, um gráfico simples com o consumo diário de electricidade:

```
## Consumos Diários
graph_daily_consumption:
  name: Consumos Diários
  entities:
    - sensor.consumption_daily_total_kwh
  hours_to_show: 48
  refresh: 30

```

 ![200](https://forum.cpha.pt/uploads/default/original/1X/cf8df091b5ad0fb644f21b2b0d2d9ef08a235587.png)

Para inserir mais do que uma série no mesmo gráfico, podes utilizar o seguinte:

```
## Temperaturas Interiores
graph_interior_temperature:
  name: Temperaturas Interiores
  entities:
    - sensor.temperatura_q1__biachaty
    - sensor.temperatura_q2__rafa
    - sensor.temperatura_q3__pike_e_mike
    - sensor.temperatura_extractor_wc1
  hours_to_show: 48
  refresh: 30

```

 ![200](https://forum.cpha.pt/uploads/default/original/1X/66ef27b706a067bdfaf3ca5b845ec7a375eb3d42.png)

---

<div class="post-metadata">

**Author:** ![j\_assuncao](https://forum.cpha.pt/user_avatar/forum.cpha.pt/j_assuncao/32/3_2.png) [@j\_assuncao](https://forum.cpha.pt/u/j_assuncao)\
**Post date:** [5 Maio , 2018 18:43 UTC](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend-do-ha/96/2 "2018-05-05T18:43:01Z")

</div>

3 mensagens foram unidas em um tópico existente: [Como inserir gráficos no frontend](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend/335/2)

---

<div class="post-metadata">

**Author:** ![system](https://forum.cpha.pt/user_avatar/forum.cpha.pt/system/32/2_2.png) [@system](https://forum.cpha.pt/u/system)\
**Post date:** [5 Maio , 2018 18:48 UTC](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend-do-ha/96/3 "2018-05-05T18:48:39Z")

</div>

Para comentar este tópico, por favor utilizem o tópico abaixo

> [@Como inserir gráficos no frontend](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend/335):
>
> [https://forum.cpha.pt/t/como-inserir-graficos-no-frontend/96](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend/96)

---

<div class="post-metadata">

**Author:** ![j\_assuncao](https://forum.cpha.pt/user_avatar/forum.cpha.pt/j_assuncao/32/3_2.png) [@j\_assuncao](https://forum.cpha.pt/u/j_assuncao)\
**Post date:** [5 Maio , 2018 18:58 UTC](https://forum.cpha.pt/t/como-inserir-graficos-no-frontend-do-ha/96/4 "2018-05-05T18:58:52Z")

</div>