# Historia zużycia energii w formie słupków

**URL:** <https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050>\
**Category:** Komponenty niestandardowe\
**Tags:** hacs-ui, apexcharts-card\
**Created:** [4 Sierpień 2022 16:43 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050 "2022-08-04T16:43:57Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Autor:** ![azak43](https://forum.arturhome.pl/letter_avatar_proxy/v4/letter/a/d78d45/32.png) [@azak43](https://forum.arturhome.pl/u/azak43)\
**Data wpisu:** [4 Sierpień 2022 16:43 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/1 "2022-08-04T16:43:57Z")

</div>

W jaki sposób można wyświetlić dane zużycia energii w formie słupków z poszczególnych smart gniazdek np. z całego miesiąca ? tak jak to jest w panelu energia.  
Statystyki zużycia energii mam zrobione podziałem na dzień, tydzień, miesiąc i rok. Ale brakuje mi zestawień tygodniowych, miesięcznych z poszczególnych dni.  
chodzi o coś takiego:

 ![Zrzut ekranu 2022-08-4 o 18.35.57](https://forum.arturhome.pl/uploads/default/original/2X/2/2c2c55f5ee70128f2d32415fe53feda1d04c42be.png)

---

<div class="post-metadata">

**Autor:** ![marcin1](https://forum.arturhome.pl/letter_avatar_proxy/v4/letter/m/ed655f/32.png) [@marcin1](https://forum.arturhome.pl/u/marcin1)\
**Data wpisu:** [4 Sierpień 2022 17:09 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/2 "2022-08-04T17:09:49Z")

</div>

Używam karty apexcharts-card

```auto
type: custom:apexcharts-card
graph_span: 1month
span:
  offset: +1d
header:
  show: true
  title: Gosund01
  show_states: true
  colorize_states: true
apex_config:
  stroke:
    show: true
    width: 1
    curve: smooth
  dataLabels:
    enabled: true
  chart:
    zoom:
      enabled: true
  toolbar:
    show: true
  tools:
    zoom: true
    zoomin: true
    zoomout: true
    pan: true
    reset: true
series:
  - entity: sensor.gosund01_dzien
    name: Dzień
    type: column
    group_by:
      func: max
      duration: 1day

```

![image](https://forum.arturhome.pl/uploads/default/original/2X/a/a648d76b8fd033216a71336673c8432d87e75709.png)

---

<div class="post-metadata">

**Autor:** ![azak43](https://forum.arturhome.pl/letter_avatar_proxy/v4/letter/a/d78d45/32.png) [@azak43](https://forum.arturhome.pl/u/azak43)\
**Data wpisu:** [4 Sierpień 2022 17:55 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/3 "2022-08-04T17:55:43Z")

</div>

Jak się za to zabrać ? 🙂  
Integrację trzeba ściągnąć poprzez HACS ?

---

<div class="post-metadata">

**Autor:** ![krskrab](https://forum.arturhome.pl/user_avatar/forum.arturhome.pl/krskrab/32/8566_2.png) [@krskrab](https://forum.arturhome.pl/u/krskrab)\
**Data wpisu:** [4 Sierpień 2022 18:52 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/4 "2022-08-04T18:52:17Z")

</div>

Tak, przez HACS najłatwiej

---

<div class="post-metadata">

**Autor:** ![rakon](https://forum.arturhome.pl/letter_avatar_proxy/v4/letter/r/d2c977/32.png) [@rakon](https://forum.arturhome.pl/u/rakon)\
**Data wpisu:** [28 Wrzesień 2022 15:28 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/5 "2022-09-28T15:28:18Z")

</div>

Jak w tej karcie pozbyć sie zera gdy brak poboru, jest to możliwe w ogóle?

```auto
type: custom:apexcharts-card
graph_span: 1d
span:
  end: hour
header:
  show: true
  title: klimy godzina
  show_states: true
  colorize_states: true
apex_config: null
now:
  show: false
  label: jetzt
  color: '#bf5e5e'
series:
  - entity: sensor.godzina_chwilowy_gora1
    type: column
    name: klima gora
    color: '#bf5e5e'
    group_by:
      func: last
      duration: 1h
    show:
      datalabels: true
  - entity: sensor.godzina_chwilowy_dol2
    type: column
    name: klima dol
    color: '#5c6c70'
    group_by:
      func: last

```

 ![apex](https://forum.arturhome.pl/uploads/default/original/2X/6/6afdb5f3e9ece942b619f8985b2901df66c31c32.png)

---

<div class="post-metadata">

**Autor:** ![krskrab](https://forum.arturhome.pl/user_avatar/forum.arturhome.pl/krskrab/32/8566_2.png) [@krskrab](https://forum.arturhome.pl/u/krskrab)\
**Data wpisu:** [28 Wrzesień 2022 15:44 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/6 "2022-09-28T15:44:18Z")

</div>

Sprawdź dopisując

```auto
yaxis:
  - min: 1

```

/  
To jest tylko wizualizacja i nie ma wpływu na wartości sensorów

---

<div class="post-metadata">

**Autor:** ![rakon](https://forum.arturhome.pl/letter_avatar_proxy/v4/letter/r/d2c977/32.png) [@rakon](https://forum.arturhome.pl/u/rakon)\
**Data wpisu:** [28 Wrzesień 2022 16:18 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/7 "2022-09-28T16:18:08Z")

</div>

> [@krskrab](#):
>
> ```auto
> yaxis:
> - min: 1
> 
> ```

jesli dodam to nie policzy mniejszej od 1? a czasem takie są np 0.4  
Gdy dodam 0.2 to zera dalej pokazuje.

---

<div class="post-metadata">

**Autor:** ![szopen](https://forum.arturhome.pl/user_avatar/forum.arturhome.pl/szopen/32/1093_2.png) [@szopen](https://forum.arturhome.pl/u/szopen)\
**Data wpisu:** [28 Wrzesień 2022 19:18 UTC](https://forum.arturhome.pl/t/historia-zuzycia-energii-w-formie-slupkow/6050/8 "2022-09-28T19:18:02Z")

</div>

Ja to bym w ogóle wychrzanił z tego wykresu opisy wartości na każdym słupku, przecież one zaciemniają obraz zamiast w czymkolwiek pomóc

```auto
    show:
      datalabels: false

```

Jeśli chcesz uzyskać coś czego nie obejmuje dokumentacja (tzn. niekoniecznie jest obsługiwane) to zajrzyj do dokumentacji Apexcharts czy to w ogóle jest wykonalne

> **[Installation & Getting Started – ApexCharts.js](https://apexcharts.com/docs/installation/)**
>
> Integrating ApexCharts is as simple as it can get with extensive API docs and 100+ samples ready to be used. Check out all the options of ApexCharts