svg.js - Vorschlag für Anpassungen der Werte-Anzeige (display plot values)

Begonnen von quartz, 14 Juni 2026, 14:22:38

Vorheriges Thema - Nächstes Thema

quartz

Bei der Anzeige von Plot-Werten wird das Datum im "englischen" Format angezeigt. Einerseits stimmig zur Sprache des Kontextmenüs, andererseits nicht wie ich es mir wünsche.

Ebenso fand ich es schade, dass ich die "echten" Messwerte in einer Kurve nicht greifen kann, in einer Kurve stammen diese meist von einer Interpolation. Mache ich Punkte, kann ich die Werte gar nicht mehr anzeigen lassen, was ich auch schade finde.

Offensichtlich hat es bisher nicht gestört und mein Änderungsvorschlag ist sehr subjektiv: Ich hoffe ich verärgere niemanden mit dem angefügten - sicher verbesserungsfähigen - Patch, mit dem
  • das Datumsformat sich nach den Browser-Einstellungen richtet (z.B. ts=new Intl.DateTimeFormat(navigator.language, {month: '2-digit', day: '2-digit', hour: 'numeric', minute: 'numeric'}).format(d);)
  • in Kurven die Werte nicht mehr interpoliert werden, sondern immer vom "linken" Messpunkt stammen
  • Werte auch für Points, Steps usw. angezeigt werden können
  • die Werte-Anzeige nicht mehr in der Höhe herumspringt sondern am oberen Rand "fixiert" ist

Ich will auch gar keine große Diskussion über Für und Wider auslösen, vielleicht helfen die Ideen jemanden, so wie mir der Hinweis auf das Datum in svg.js in einem anderen Forenthread geholfen hat.

Hinweis:
Die Werte scheinen nicht "exakt", sondern - vermutlich durch Rechenfehler - Näherungen in der X-Achse. Im HTML/SVG sind nach meiner Analyse die echten Werte nicht mehr vorhanden (würde ja auch nur unnötigen Platz brauchen), daher muss eben "rückgerechnet" werden, was wohl diesen Effekt hat.

rudolfkoenig

Ich habe Intl.DateTimeFormat uebernommen, und die Positionierug der Anzeige.
Falls weitere Benutzer Interesse haben an den restlichen Aenderungen: bitte melden.


noansi

Hallo Rudolf,

die übernommene Änderung von quartz finde ich prima.  :)

Mir gefällt das Menü zu den Plots mit dem fix hellen Hintertgrund jedoch nicht, da ich Style dark mit gelber oder grüner Schrift bevorzuge. Und dann ist die Schrift auf dem weißen Hintergrund schlicht nicht mehr lesbar, vgl. PlotMenuYellow.png aus dem Anhang. Deswegen habe ich diese schöne Funktion bisher gar nicht entdeckt.

Die Hintergrundfarbe des Menüs wird durch fhem\www\pgm2\images\ui-bg_highlight-soft_100_eeeeee_1x100.png bestimmt, wie ich entdeckt habe.
Die konnte ich auf 150 Pixel erhöhen (100 pixel deckt nur einen Teil, sprich die ersten 4 Zeilen ab) und dann mit dunkelgrau füllen, wäre für mich damit erst mal zufrieden und erhalte ein gut lesbares Menü, vgl. PlotMenuDark_GreyBackgnd.png aus meinem Anhang.

Jedoch ist ein Farbwechsel dieses Menühintergrundes über Style Auswahl derzeit nicht implementiert, so weit ich es derzeit verstehe.
Dazu müsste wohl eine alternative benannte jquery-ui.min.css via style anwählbar sein und entsprechende pngs bereit gestellt werden, um es generell einfach nutzbar zu machen.
Verstehe ich das richtig? Oder übersehe ich etwas?

Gruß, Ansgar.