Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[cromagnon]

Bei den Charts kann man nur aus

• Bar-Chart
• Pie-Chart
• Circle-Chart
  auswählen.
  Gibt es den Line Chart noch nicht?

[uwe72]

@MCU

Du hattest mal danach gefragt gehabt. Ich arbeite mit diesen Umrechenscripte zwischen dem XY-Farbmodus und dem CIE (Hue)-Farbmodus:

function convertXY2HSL(x,y){
    var bri = 254;
    let xy = {
        x: x,
        y: y
    };

    let z = 1.0 - xy.x - xy.y;
    let Y = bri / 255;
    let X = (Y / xy.y) * xy.x;
    let Z = (Y / xy.y) * z;
    var r = X * 1.656492 - Y * 0.354851 - Z * 0.255038;
    var g = -X * 0.707196 + Y * 1.655397 + Z * 0.036152;
    var b =  X * 0.051713 - Y * 0.121364 + Z * 1.011530;

    r = r <= 0.0031308 ? 12.92 * r : (1.0 + 0.055) * Math.pow(r, (1.0 / 2.4)) - 0.055;
    g = g <= 0.0031308 ? 12.92 * g : (1.0 + 0.055) * Math.pow(g, (1.0 / 2.4)) - 0.055;
    b = b <= 0.0031308 ? 12.92 * b : (1.0 + 0.055) * Math.pow(b, (1.0 / 2.4)) - 0.055;

    var r_new = (r*255).toString();
    var g_new = (g*255).toString();
    var b_new = (b*255).toString();

    let red = parseInt(r_new) > 255 ? 255: parseInt(r_new);
    let green = parseInt(g_new) > 255 ? 255: parseInt(g_new);
    let blue = parseInt(b_new) > 255 ? 255: parseInt(b_new);

    red = Math.abs(red);
    green = Math.abs(green);
    blue = Math.abs(blue);
    var
        min = Math.min(r, g, b),
        max = Math.max(r, g, b),
        delta = max - min,
        h, s, v = max;

    v = Math.floor(max / 255 * 100);
    if ( max != 0 )
        s = Math.floor(delta / max * 100);
    else {
        // black
        return [0, 0, 0];
    }

    if( r == max )
        h = ( g - b ) / delta;         // between yellow & magenta
    else if( g == max )
        h = 2 + ( b - r ) / delta;     // between cyan & yellow
    else
        h = 4 + ( r - g ) / delta;     // between magenta & cyan

    h = Math.floor(h * 60);            // degrees
    if( h < 0 ) h += 360;

    return [h, s, v];
}

function convertHSL2XY(h,s) {
  var l = 50;
  // Must be fractions of 1
  s /= 100;
  l /= 100;

  let c = (1 - Math.abs(2 * l - 1)) * s,
      x = c * (1 - Math.abs((h / 60) % 2 - 1)),
      m = l - c/2,
      r = 0,
      g = 0,
      b = 0;

  if (0 <= h && h < 60) {
    r = c; g = x; b = 0;  
  } else if (60 <= h && h < 120) {
    r = x; g = c; b = 0;
  } else if (120 <= h && h < 180) {
    r = 0; g = c; b = x;
  } else if (180 <= h && h < 240) {
    r = 0; g = x; b = c;
  } else if (240 <= h && h < 300) {
    r = x; g = 0; b = c;
  } else if (300 <= h && h < 360) {
    r = c; g = 0; b = x;
  }
  r = Math.round((r + m) * 255);
  g = Math.round((g + m) * 255);
  b = Math.round((b + m) * 255);

  let red = r;
  let green = g;
  let blue = b;

if (red > 0.04045) red = Math.pow((red + 0.055) / (1.0 + 0.055), 2.4)
  else red = red / 12.92;

  if (green > 0.04045) green = Math.pow((green + 0.055) / (1.0 + 0.055), 2.4)
  else green = green / 12.92;

  if (blue > 0.04045) blue = Math.pow((blue + 0.055) / (1.0 + 0.055), 2.4)
  else blue = blue / 12.92;

  const X = red * 0.664511 + green * 0.154324 + blue * 0.162028;
  const Y = red * 0.283881 + green * 0.668433 + blue * 0.047685;
  const Z = red * 0.000088 + green * 0.07231 + blue * 0.986039;
  
  const x2 = X / (X + Y + Z);
  const y2 = Y / (X + Y + Z);
  
  return new Array(x2, y2);
}

Bin insgesamt nun recht zufrieden mit der Farbsteuerung.

Aus Jarvis-Sicht wäre der Bugfix noch wichtig:
https://github.com/Zefau/ioBroker.jarvis/issues/1434

Und richtig cool wäre es noch im Popup Reiter (Tabs) haben zu haben, so dann man sauber trennen könnte zwischen dem Farbschema RGB und Weiß, analog den nativen Apps. Feature-Request habe ich erstellt.

[Dominik F.]

@mcu

Und hast du eine Idee zu dem Binding in der Anzeigevariante?

[MCU]

@dominik-f Nein. Momentan nur Secondary Wert unter dem Schalter.

[Dominik F.]

@mcu

Dann werde ich das wohl als seperaten State machen müssen

[MCU]

@dominik-f https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statewert-ersetzen

[Nico 0]

@mcu Hi, vielen Dank für die weiteren Tipps. Mittlerweile konnte ich das Problem lösen: Nach gefühlt hunderten Updates von FireOS wurde schlussendlich auch WebView auf Version 98.x angehoben, wodurch sich das Problem gelöst hat. Ein manuelles Installieren von Android WebView und Chrome hat hier nicht zum Erfolg geführt, da Amazon in FireOS ihre eigene WebView-Version nutzen (com.amazon.webview.chromium) und ein manueller Wechsel von WebView nicht möglich ist.

[MCU]

@nico-0 Hab es in die Doku aufgenommen. Danke.

[Flo XXX]

Hallo,

Ich hätte mal eine Frage bezüglich StateList Horizontal....
Am MacBook bzw am iphone werden die Icons unter die darunter liegende Schrift zentriert angezeigt... so wie es auch unter V2 war... nur bei meinem Ipad ist das leider nicht (mehr) der Fall... die Icons sind zu weit links... hat noch jemand dieses Problem oder lieget es an meinem ipad (ist nicht mehr das neueste muss ich gestehen)

Vielen Dank!

[uwe72]

@MCU

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/v3-fuer-einsteiger/konfigurations-tabs/geraete/geraete-dp#dropdownaction

Kriegt man die Liste, welche in der Dropdown angezeigt werden auch dynamisch hin, per binding.

Möchte in meinem Popup wo ich die RGB-Farbe steuere eine Dropdown aufnehmen wo ich alle für die Lampe hinterlegten Szenen zur Auswahl anbiete. Die Liste möchte ich generisch in JS erzeugen und über binding die Dropdown befüllen

[MCU]

@uwe72 Nein. Schau mal in die Doku vielleicht hilft dir das setDropDown.

[uwe72]

@mcu said in jarvis v3.0.0 - just another remarkable vis:

setDropDown

Kurze Frage: Irgendwann habe ich mal gesehen, dass man auch per JavaScript, die Jarvis-Datenpunkte (d.h. Geräte, Layout, ...) komplett verändern kann? Ggf. ich in Jarvis nur "Platzhalter" definieren und diese mit JS verändern.

Wenn gar nichts geht muss ich eben die Szenen von Hand in Jarvis eintragen - statisch.

[MCU]

@uwe72 Also mit Platzhaltern geht sowas nicht, man kann nur direkt ersetzen oder hinzufügen. Ist quasi so, als wenn jarvis das selbst machen würde.

[uwe72]

@mcu

Aber ich könnte doch in Jarvis so was hinterlegen:

{
  "0": "Scene0",
  "1": "Scene1",
  "2": "Scene2"
}

Mit JavaScript würde ich dann z.B. "Scene0" mit "Tropisches Licht" ersetzen, "Scene1" mit "Kaltweiss 80%",...

[MCU]

@uwe72 Du meinst in dem DP devices? Ja dann würde alle Scene0 ersetzt mit dem Neuen Wert, und dann beim nächsten Mal?

[uwe72]

@mcu ah jetzt verstehe ich dich, das bleibt dann dauerhaft geändert. Passt, danke für das Aufklären.

[uwe72]

@mcu wobei ich ggf. schon mi einem Präfix oder so arbeiten könnte, dann würde ich dies ggf. auch so irgendwie hinkriegen. Möchte mir es zumindest mal anschauen. Hab die Stelle in deiner Doku nicht gefunden, d.h. wie kann man mit JS die Jarvis-Datenpunkte verändern?

[MCU]

@uwe72 Änderungshistorie anschauen. https://mcuiobroker.gitbook.io/jarvis-infos/aenderungsprotokoll

[Dominik F.]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

@dominik-f https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statewert-ersetzen

Das ist ein guter Ansatz, dank dir. Ich habe es damit leider nicht hinbekommen. Zum einen weiß ich nicht genau wie ich da einen Datenpunktwert rein bekomme und zum anderen schaffe ich es nicht das in einem Popup anzuwenden

[MCU]

@dominik-f Von Popup war bislang nicht die Rede.
Zeig mal das Popup und wo was geändert werden soll.