Neues YouTube-Video: Visualisierung im Devices-Adapter

[MCU]

@flkontakt Beispiel JSON-Override

{
  "xAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    }
  },
  "yAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "rgba(255,255,255,0.15)"
      }
    }
  },  
  "series": [
    {
      "type": "bar",
      "label": {
        "show": true,
        "position": "top",
        "color": "#ffffff",
        "fontSize": 13,
        "fontWeight": "bold"
      }
    }
  ]
}

[dering]

@intruder7 schau dir 0.9.126 an

[flkontakt]

@MCU sagte:

@flkontakt Beispiel JSON-Override

Hallo, vielen Dank für deine Unterstützung, leider stellt sich das gewünschte Ergebnis nicht ein. Siehe Bilder, habe deine Codezeilen in das Widget (Diagramm erweitert) eingetragen, im Backend sieht man auch das passende Ergebnis. Im Frontend werden aber u.a. die Balken und Teile der Beschriftung nicht mehr dargestellt.

Könntest du mal über das Widget schauen, was ich hier eventuell verkehrt gemacht habe? Habe Neustart der Instanz, Strg+F5 im Browser usw. bereits versucht. Vielen Dank!

aura-widget-echart-Hausverbrauch_heute mit JSON.json

aura-widget-echart-Hausverbrauch_heute ohne JSON.json

[intruder7]

@dering Hi, ja hatte schon durchs debuggen den Datenpunkt identifiziert der Schuld daran war. Kann also gerade nicht sagen ob es damit jetzt behoben ist.

[astrakid]

@MCU tatsöchlich hatte ich "reine websockets" verwenden aktiv, damit gab es den parameter nicht zu auswahl. hab diesen punkt nun deaktiviert und konnten dann auch websockets erzwingen deaktivieren. danke, jetzt habe ich schon mal eine verbindung. :-)

[MCU]

@flkontakt welche Version von aura?

[flkontakt]

@MCU sagte:

@flkontakt welche Version von aura?

Early Adopter, v0.9.127 😉

[MCU]

@flkontakt
Diesen JSON als Override nutzen

{
  "xAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    }
  },
  "yAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "rgba(255,255,255,0.15)"
      }
    }
  }
}

[MCU]

Man kann den Konverter jarvis2aura jetzt testen.
https://mcuiobroker.gitbook.io/iobroker-tipps/tipps/aura-visualisierung/jarvis2aura

[flkontakt]

@MCU sagte:

@flkontakt
Diesen JSON als Override nutzen

Mega, vielen Dank, sieht für mich gut aus. Wenn jetzt noch die Schrift der Werte über den Balken anpassbar wären, würde es auch auf dem Handy usw. besser erkennbar sein.

Sofern es noch kein Issue hierzu gibt, würde ich hierzu eins anlegen (grundsätzlich mehr Möglichkeiten, Beschriftungen anpassbar zu machen).

[MCU]

@flkontakt Versuch mal dies.

{
  "textStyle": {
    "color": "#ffffff",
    "fontWeight": "bold"
  },
  "xAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    }
  },
  "yAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "rgba(255,255,255,0.15)"
      }
    }
  }
}

[flkontakt]

@MCU sagte:

@flkontakt Versuch mal dies.

Balkenwert leider unverändert, ist aber kein Problem, grab dich da bitte nicht zu tief ein. Mit den Achsenwerten usw. hast du mir schon enorm geholfen. Vielen Dank!

[MCU]

@flkontakt Hiermit sollte es gehen

{
  "textStyle": {
    "color": "#ffffff",
    "fontWeight": "bold"
  },
  "xAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    }
  },
  "yAxis": {
    "axisLabel": {
      "color": "#ffffff",
      "fontSize": 12,
      "fontWeight": "bold"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#ffffff"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "rgba(255,255,255,0.15)"
      }
    }
  },
  "series": 
    {
      "label": {
        "show": true,
        "position": "top",
        "color": "#ffffff",
        "fontSize": 12,
        "fontWeight": 900
      }
    }
  
}

[MCU]

Konvertierung Jarvis -> Aura in eigenem Thread.
https://forum.iobroker.net/topic/84636/konvertierung-jarvis-aura

[flkontakt]

@MCU sagte:

@flkontakt Hiermit sollte es gehen

Hallo @mcu , sorry für die späte Rückmeldung. Siehe Bilder, im Backend ist der gewünschte Effekt zu sehen, im Frontend werden die Balken dann aber nicht mehr angezeigt. Habe es mit Strg+F5 usw. versucht, auch habe ich in den CSS&JS den Eintrag rausgenommen, Balken werden dennoch nicht angezeigt. Bin ratlos. Aber nochmal der Hinweis, ist für mich kein Problem, die Werte oberhalb des Balken wären nur das Sahnehäubchen ;-).

Vielen Dank für deinen Support!