Ładniejsze wykresy

[Belamy]

Witam,
Wygląd standardowych wykresów AIS DOM/HA nie za bardzo mi się podoba dlatego chciałbym go zmienić.
Znalazłem kilka bardzo ciekawych do HA. np:

Lovelace: mini graph card

Lovelace: custom history graph

Próbowałem je dodać do bramki ale utknąłem na strukturze katalogów AIS-DOM.
Plik należy wgrać i dodać do konfigu HomeAssistant:

resources:
  - url: /local/mini-graph-card-bundle.js?v=0.9.3

ale gdzie to jest na bramce AIS-DOM?

[jolka]

@Belamy

ale gdzie to jest na bramce AIS-DOM?

cała konfiguracja HA jest w jednym folderze ~/AIS:
~/ - to w linux oznacza folder domowy
AIS - to folder z konfiguracją HA na bramce

Pełna ścieżka do pliku configuration.yaml: /data/data/pl.sviete.dom/files/home/AIS

[Iron]

Pisałem o nowej ścieżce do customów tutaj: 👷 0.110 Beta

[CichY]

@Belamy Czy udało Ci się uruchomić nowe wykresy ? Jeżeli tak to czy mógłbyś opisać jak to zrobiłeś i przesłać zrzut ekranu z wyglądem nowego wykresu w dowolnym sensorze ?

[Belamy]

Witam,
W końcu znalazłem czas aby znaleźć sposób jak dodać ładne wykresy do bramki. Trochę to trwało

1. Wchodzimy na stronę www, panel AIS. Wybieramy z menu po lewej stronie Narzędzia Develerskie->KONSOLA (przypominam, że konsola działa tylko na http a nie na https)

2. Tworzymy katalog i pobieramy plik javascript z Add-on:

mkdir AIS/www/custom-lovelace
cd AIS/www/custom-lovelace
wget “http://t-4.pl/tmp/mini-graph-card-bundle.js”

3. Przechodzimy do katalogu startowego i edytujemy plik konfiguracyjny

cd
nano AIS/configuration.yaml

Wklejamy na początku pliku:

homeassistant:
  auth_providers:
    - type: homeassistant
  customize: !include customize.yaml

i wychodzimy Ctrl-X i potwierdzamy zapis

4. Wychodzimy z KONSOLi i z menu po lewej wybieramy: Konfiguracja->Dashbordy->Zasoby i klikamy w prawym dolnym rogu “+”
   Wpisujemy w polu url:

/local/custom-lovelace/mini-graph-card-bundle.js

5. Teraz robimy restart bramki Konfiguracja->Kontola serwera

6. Po restarcie wybieramy dashboard, na którym chcemy dodac nasz wykres. Potem w prawym górnym rogu klikamy “Konfiguracja interfejsu użytkownika” z menu w 3 kropkami.
   Klikamy w prawym dolnym rogu “+”
   Wybieramy kartę “Ręczny” na samym dole listy
   Wklejamy:

   entities:

   • entity: sensor.ais_wifi_service_current_network_info
     name: Temperature
     show_state: true
     hours_to_show: 168
     line_color: ‘#3295a8’
     name: GARDEN Temp
     points_per_hour: 0.25
     type: ‘custom:mini-graph-card’

Oczywiście zmieniamy sensor.ais_wifi_service_current_network_info na jakiś sensor ze swojej bramki.

I powinno wyglądać tak: