History graph card, Temperatur Anzeige rechts anzeigen lassen?

[HA-DAU]

Hallo zusammen,
ich brauche mal wieder Eure Hilfe beim optimieren der Anzeige...
Aktuell ist die °C Anzeige links vom Diagramm.
Ich hätte das gerne rechts vom Diagramm oder auch beidseitig.
Geht das überhaupt, oder ist das Wunschdenken von mir?


https://www.home-assistant.io/dashboards/history-graph/

 

[Loxley]

type: custom:plotly-graph
hours_to_show: 24
refresh_interval: 10

layout:
  yaxis:
    title: Temperatur
    side: left

  yaxis2:
    title: Luftfeuchtigkeit
    side: right
    overlaying: y
    range:
      - 0
      - 100

entities:
  - entity: sensor.innenklima_gaste_wc_temperatur
    name: Temperatur
    yaxis: y

  - entity: sensor.innenklima_gaste_wc_luftfeuchtigkeit
    name: Luftfeuchtigkeit
    yaxis: y2

Anzeige mit konfigurierbaren Achsen. (Beispiel)

 

[Loxley]

Hast Du mal getestet? Funktioniert es so wie Du es wünschst?

 

[HA-DAU]

Hallo @Loxley,

nein, noch nicht dazu gekommen.
Melde mich wieder wenn ich das umgesetzt habe.
Oder wenn ich Probleme damit habe.
Vermutlich wird es morgen früh, bis ich dazu komme.

 

[HA-DAU]

Hallo @Loxley,
ok, mit Deinem Code hat es soweit gepasst mit der Anzeige rechts aber.....


jetzt ist die Legende der ganzen Sensoren nach oben gerutscht.
Ich verwende aber eine andere Card und da ist die Legende unten angesiedelt.
Bekommen wir das auch noch zusammen hin mit meiner Card?

type: history-graph
entities:
  - entity: sensor.heizung_01_vorlauf_brauchwasser_erwaermen
    name: 01_Vorlauf_Brauchwasser_erwaermen
    yaxis: y2
    filters:
      - exponential_moving_average: null
        alpha: 0.0005
  - entity: sensor.heizung_02_ruecklauf_brauchwasser_erwaermen
    name: 02_Ruecklauf_Brauchwaser_erwaermen
    yaxis: y2
    filters:
      - exponential_moving_average: null
        alpha: 0.0005
title: Heizung

So sieht mein aktueller Code aus.
Mit der Card ist die Anzeige irgendwie kompakter und finde ich schöner.
Immer diese Sonderwünsche von mir.....

 

[Loxley]

Versuch mal "legend:true":

type: history-graph
title: Heizung
hours_to_show: 24
legend: true

entities:

 

[HA-DAU]

Hallo @Loxley,
die Legende rutsch leider nicht nach unten bei mir.
Hast Du das bei Dir getestet?

 

[Loxley]

Hast Du das bei Dir getestet?

Nein, habe ich aus der Doku.

 

[Loxley]

Wie sang mal Mick Jagger: "You cant allways get what you want."
Sorry wenn ich Dir nicht helfen konnte.

 

[Loxley]

Mit "type: custom:apexcharts-card" soll das alles einstellbar sein.
apex_config:
legend:
show: true
position: top # Mögliche Werte: top, bottom, left, right
horizontalAlign: center # Mögliche Werte: left, center, right

 

[HA-DAU]

Hallo @Loxley,
ok, das werde ich auch noch testen mit der "type: custom:apexcharts-card".
Aber aktuell und in den nächsten Tagen komme ich nicht dazu, werde mich dann wieder melden...
Ergebnis offen, ob mir das gefällt.
Ansonsten bleibt alles wie gehabt... Wunschdenken von meiner Seite...

 

[HA-DAU]

Hallo @Loxley,

ich habe mal eine Karte versucht mit "type: custom:apexcharts-card" anzulegen.
Ich bekomme das nicht hin damit.
Also bleibt alles so, wie es aktuell ist.

 

[HA-DAU]

Hallo @Loxley,

ok, so sieht das Diagramm in klein aus, mit "type: custom:apexcharts-card".

Aber als einzelne Karte im Dasboard nicht zu gebrauchen und viel zu groß in der Ansicht.
Es füllt mehr als den ganzen Bildschirm aus, somit ist scrollen angesagt.
Bekommt man das irgendwie noch klein hin?

 

[HA-DAU]

So langsam wird das Chard, auch mit der Höhe...

type: custom:apexcharts-card
apex_config:
  chart:
    height: 700px
graph_span: 24h
yaxis:
  - id: first
    decimals: 0
    apex_config:
      tickAmount: 4
  - id: second
    opposite: true
    decimals: 0
    apex_config:
      tickAmount: 4
all_series_config:
  stroke_width: 2
series:
  - entity: sensor.xyz
    yaxis_id: first #Beschriftung links
  - entity: sensor.xyz
    yaxis_id: second #Beschriftung rechts
Hier werden die Sensoren eingetragen.......

Jetzt muss ich nur noch schaffen die Lücken zu füllen, welche vom Sensor nicht registriert wurden.

 

[Loxley]

Hast Du mal probiert ob die Angabe "width" zulässig ist?

 

[HA-DAU]

Oh, man, wo muss ich das wieder in den Code einbauen?
Du kannst mir doch nicht ein Wort so einfach vorwerfen....

 

[Loxley]

Sorry:

  chart:
    height: 700px

Hinter "height" hätte ich gesagt. Ich bin mir aber nicht sicher ob man damit die Breite einstellen kann.

 

[HA-DAU]

Hallo @Loxley,
das mit der Breite und Höhe vom Diagramm passen aktuell mir dem yaml Code.
Jetzt muss ich nur noch die Lücken füllen, welche vom Sensor nicht erfasst werden.
Einfach die Linien glätten.

Beim einfügen von "width" verschwindet das ganze Diagramm.

 

[Loxley]

Ok - war also nichts mit "width". Fehlende Werte kannst Du in den Entwicklertools nachtragen.

 

[HA-DAU]

Nein das nach tragen der fehlenden Werte kommt nicht infrage.
Das muss automatisch erfolgen.
In der anderen Card geht das ja auch automatisch.

Also warte ich auf die Erleuchtung...