Grafische Anzeige mit fehlerhaften Daten

Konfiguration
1

Manchmal, wenn ich ein Dashboard öffne, das ein Diagramm mit zwei Kurven enthält, habe ich falsche Werte.

Zum Beispiel zeigt auf diesem Bild die rote Kurve etwa 36°C an, obwohl sie in Wirklichkeit 16°C beträgt (Solltemperatur).

IMG_20221006_160207
IMG_20221006_1602071080×759 94.7 KB

Wenn ich die Seite neu lade, kehrt die rote Kurve zu ihrem tatsächlichen Wert zurück.

IMG_20221006_160239
IMG_20221006_1602391080×772 89.7 KB

Bin ich der Einzige, der dieses Phänomen hat?

2

Bei mir ist das noch nie passiert :confused:

3

Was seltsam ist, ist, dass das nicht oft passiert und nur bei 2 Diagrammen. Die anderen Diagramme, die ich habe, hatte ich das noch nie. Bei denen habe ich vielleicht nicht darauf geachtet.

4

Genau, ich habe diesen Bug noch nie bemerkt.

5

Ich habe das Problem wieder.

IMG_20221007_095758
IMG_20221007_0957581080×861 115 KB

Beim Aktualisieren der Browserseite kehren die Werte dann wieder zum Normalzustand zurück (oder auch nicht, denn die Luftfeuchtigkeit in meinem Keller ist immer noch hoch, ich habe einen Wassereinbruch…:sob:)
IMG_20221007_095829
IMG_20221007_0958291080×889 113 KB

6

160% Luftfeuchtigkeit ist nicht schlecht :smiley:

7

Das ist klar, das ist ein bisschen viel.

8

Das Problem tritt immer wieder auf und auf allen Diagrammen.

Hier noch ein weiteres Beispiel beim Öffnen der Seite.

IMG_20221010_104515
IMG_20221010_1045151080×906 128 KB

Nach dem Aktualisieren der Seite wird es korrekt angezeigt

IMG_20221010_104550
IMG_20221010_1045501080×899 123 KB

9

Hallo @Will_71! Ich kann den Fehler nicht reproduzieren.

Ich werde dich bitten, eine kleine Manipulation durchzuführen, um mehr Informationen zu erhalten.

Kannst du mir das von der API zurückgesendete JSON für diese Anzeige, die Probleme bereitet, senden?

Du musst nur den Inspektor öffnen, wenn du auf dem Dashboard bist (Rechtsklick → Element untersuchen), dann aktualisierst du die Seite und wechselst zum Tab « Netzwerk »:

Screenshot 2022-10-10 at 16.07.41
Screenshot 2022-10-10 at 16.07.411920×775 130 KB

Dann öffnest du diese Anfrage und zeigst die Antwort an:

Screenshot 2022-10-10 at 16.07.57
Screenshot 2022-10-10 at 16.07.573014×894 247 KB

Ich möchte den JSON-Inhalt der Antwort :slight_smile:

10

Sobald ich kann, gebe ich dir den JSON-Inhalt, denn das passiert beim Öffnen der Seite (und nicht jedes Mal) und beim Aktualisieren werden die Werte korrigiert und das Diagramm wird korrekt angezeigt! Nicht einfach nachzustellen!

11

Das war schneller als erwartet

image
image316×321 7.58 KB

Hier ist die JSON-Antwort, aber die Werte darin scheinen korrekt zu sein

[{"device":{"name":"Thermomètre buanderie"},"deviceFeature":{"name":"Température buanderie"},"values":[{"created_at":"2022-10-09T10:55:00.000Z","value":19.98},{"created_at":"2022-10-09T11:15:00.000Z","value":20},{"created_at":"2022-10-09T11:40:00.000Z","value":20.09},{"created_at":"2022-10-09T11:45:00.000Z","value":20.12},{"created_at":"2022-10-09T11:55:00.000Z","value":20.08},{"created_at":"2022-10-09T12:20:00.000Z","value":20.07},{"created_at":"2022-10-09T12:35:00.000Z","value":20},{"created_at":"2022-10-09T12:40:00.000Z","value":20},{"created_at":"2022-10-09T13:05:00.000Z","value":19.95},{"created_at":"2022-10-09T13:30:00.000Z","value":19.95},{"created_at":"2022-10-09T14:00:00.000Z","value":19.97},{"created_at":"2022-10-09T14:25:00.000Z","value":19.98},{"created_at":"2022-10-09T14:35:00.000Z","value":20.07},{"created_at":"2022-10-09T14:55:00.000Z","value":20.04},{"created_at":"2022-10-09T15:25:00.000Z","value":20.08},{"created_at":"2022-10-09T16:20:00.000Z","value":19.91},{"created_at":"2022-10-09T16:55:00.000Z","value":19.56},{"created_at":"2022-10-09T17:20:00.000Z","value":19.47},{"created_at":"2022-10-09T18:00:00.000Z","value":19.77},{"created_at":"2022-10-09T18:20:00.000Z","value":20.11},{"created_at":"2022-10-09T18:45:00.000Z","value":20.28},{"created_at":"2022-10-09T19:20:00.000Z","value":20.45},{"created_at":"2022-10-09T20:20:00.000Z","value":20.53},{"created_at":"2022-10-09T21:15:00.000Z","value":20.39},{"created_at":"2022-10-09T22:10:00.000Z","value":20.46},{"created_at":"2022-10-09T23:10:00.000Z","value":20.38},{"created_at":"2022-10-09T23:20:00.000Z","value":20.36},{"created_at":"2022-10-10T00:05:00.000Z","value":20.35},{"created_at":"2022-10-10T01:55:00.000Z","value":20.26},{"created_at":"2022-10-10T02:55:00.000Z","value":20.31},{"created_at":"2022-10-10T03:50:00.000Z","value":20.22},{"created_at":"2022-10-10T04:40:00.000Z","value":20.21},{"created_at":"2022-10-10T04:50:00.000Z","value":20.16},{"created_at":"2022-10-10T05:20:00.000Z","value":20.11},{"created_at":"2022-10-10T05:50:00.000Z","value":20.19},{"created_at":"2022-10-10T06:35:00.000Z","value":20.14},{"created_at":"2022-10-10T06:40:00.000Z","value":20.11},{"created_at":"2022-10-10T07:05:00.000Z","value":20.15},{"created_at":"2022-10-10T07:25:00.000Z","value":20.16},{"created_at":"2022-10-10T07:35:00.000Z","value":20.04},{"created_at":"2022-10-10T07:55:00.000Z","value":19.89},{"created_at":"2022-10-10T08:35:00.000Z","value":19.89},{"created_at":"2022-10-10T08:50:00.000Z","value":19.77},{"created_at":"2022-10-10T09:30:00.000Z","value":19.53},{"created_at":"2022-10-10T09:35:00.000Z","value":19.48}]},{"device":{"name":"Thermomètre garage"},"deviceFeature":{"name":"Température Garage"},"values":[{"created_at":"2022-10-09T10:50:00.000Z","value":18.29},{"created_at":"2022-10-09T10:55:00.000Z","value":18.27},{"created_at":"2022-10-09T11:00:00.000Z","value":18.27},{"created_at":"2022-10-09T11:10:00.000Z","value":18.27},{"created_at":"2022-10-09T11:25:00.000Z","value":18.36},{"created_at":"2022-10-09T11:55:00.000Z","value":18.42},{"created_at":"2022-10-09T12:10:00.000Z","value":18.42},{"created_at":"2022-10-09T12:25:00.000Z","value":18.45},{"created_at":"2022-10-09T12:30:00.000Z","value":18.45},{"created_at":"2022-10-09T12:55:00.000Z","value":18.44},{"created_at":"2022-10-09T13:05:00.000Z","value":18.44},{"created_at":"2022-10-09T13:25:00.000Z","value":18.51},{"created_at":"2022-10-09T13:30:00.000Z","value":18.51},{"created_at":"2022-10-09T13:50:00.000Z","value":18.51},{"created_at":"2022-10-09T13:55:00.000Z","value":18.55},{"created_at":"2022-10-09T14:10:00.000Z","value":18.55},{"created_at":"2022-10-09T14:25:00.000Z","value":18.6},{"created_at":"2022-10-09T14:35:00.000Z","value":18.6},{"created_at":"2022-10-09T14:55:00.000Z","value":18.62},{"created_at":"2022-10-09T15:25:00.000Z","value":18.62},{"created_at":"2022-10-09T15:35:00.000Z","value":18.62},{"created_at":"2022-10-09T15:55:00.000Z","value":18.47},{"created_at":"2022-10-09T16:25:00.000Z","value":18.26},{"created_at":"2022-10-09T16:35:00.000Z","value":18.26},{"created_at":"2022-10-09T16:40:00.000Z","value":18.04},{"created_at":"2022-10-09T17:10:00.000Z","value":17.89},{"created_at":"2022-10-09T17:25:00.000Z","value":17.89},{"created_at":"2022-10-09T17:40:00.000Z","value":17.94},{"created_at":"2022-10-09T17:50:00.000Z","value":18.16},{"created_at":"2022-10-09T18:00:00.000Z","value":18.37},{"created_at":"2022-10-09T18:25:00.000Z","value":18.37},{"created_at":"2022-10-09T18:30:00.000Z","value":18.55},{"created_at":"2022-10-09T18:50:00.000Z","value":18.55},{"created_at":"2022-10-09T19:00:00.000Z","value":18.63},{"created_at":"2022-10-09T19:25:00.000Z","value":18.63},{"created_at":"2022-10-09T19:30:00.000Z","value":18.67},{"created_at":"2022-10-09T20:00:00.000Z","value":18.7},{"created_at":"2022-10-09T20:25:00.000Z","value":18.7},{"created_at":"2022-10-09T20:30:00.000Z","value":18.66},{"created_at":"2022-10-09T21:00:00.000Z","value":18.66},{"created_at":"2022-10-09T21:30:00.000Z","value":18.64},{"created_at":"2022-10-09T22:00:00.000Z","value":18.6},{"created_at":"2022-10-09T22:05:00.000Z","value":18.6},{"created_at":"2022-10-09T22:30:00.000Z","value":18.58},{"created_at":"2022-10-09T22:55:00.000Z","value":18.58},{"created_at":"2022-10-09T23:00:00.000Z","value":18.55},{"created_at":"2022-10-09T23:30:00.000Z","value":18.54},{"created_at":"2022-10-09T23:55:00.000Z","value":18.54},{"created_at":"2022-10-10T00:00:00.000Z","value":18.52},{"created_at":"2022-10-10T00:30:00.000Z","value":18.51},{"created_at":"2022-10-10T00:35:00.000Z","value":18.51},{"created_at":"2022-10-10T00:55:00.000Z","value":18.51},{"created_at":"2022-10-10T01:30:00.000Z","value":18.48},{"created_at":"2022-10-10T01:55:00.000Z","value":18.48},{"created_at":"2022-10-10T02:00:00.000Z","value":18.45},{"created_at":"2022-10-10T02:30:00.000Z","value":18.42},{"created_at":"2022-10-10T02:55:00.000Z","value":18.42},{"created_at":"2022-10-10T03:00:00.000Z","value":18.41},{"created_at":"2022-10-10T03:30:00.000Z","value":18.39},{"created_at":"2022-10-10T03:55:00.000Z","value":18.39},{"created_at":"2022-10-10T04:00:00.000Z","value":18.36},{"created_at":"2022-10-10T04:30:00.000Z","value":18.33},{"created_at":"2022-10-10T04:55:00.000Z","value":18.33},{"created_at":"2022-10-10T05:00:00.000Z","value":18.33},{"created_at":"2022-10-10T05:30:00.000Z","value":18.3},{"created_at":"2022-10-10T05:55:00.000Z","value":18.3},{"created_at":"2022-10-10T06:00:00.000Z","value":18.29},{"created_at":"2022-10-10T06:20:00.000Z","value":18.29},{"created_at":"2022-10-10T06:30:00.000Z","value":18.27},{"created_at":"2022-10-10T06:35:00.000Z","value":18.27},{"created_at":"2022-10-10T06:40:00.000Z","value":18.06},{"created_at":"2022-10-10T06:45:00.000Z","value":18.06},{"created_at":"2022-10-10T07:10:00.000Z","value":18.16},{"created_at":"2022-10-10T07:25:00.000Z","value":18.06},{"created_at":"2022-10-10T07:30:00.000Z","value":17.73},{"created_at":"2022-10-10T08:00:00.000Z","value":17.59},{"created_at":"2022-10-10T08:20:00.000Z","value":17.59},{"created_at":"2022-10-10T08:30:00.000Z","value":17.73},{"created_at":"2022-10-10T09:00:00.000Z","value":17.89},{"created_at":"2022-10-10T09:20:00.000Z","value":17.89},{"created_at":"2022-10-10T09:30:00.000Z","value":17.95}]}]

Beim Überfliegen des Diagramms kann man sehen, dass die Temperaturwerte korrekt sind. Auf dem unten stehenden Bild platziere ich die Maus zwischen 18:00 und 23:00 Uhr und kann 18°C ablesen, während die Anzeige 39°C zeigt

image
image319×342 8.92 KB

12

@Will_71 Ich habe deine Daten lokal importiert und kann das Problem nicht reproduzieren:

Screenshot 2022-10-10 at 18.04.36
Screenshot 2022-10-10 at 18.04.361006×846 111 KB

Was genau machst du da?

Öffnest du die Seite (von irgendwoher?) und direkt ist es falsch?

13

Ja, genau das ist es. Ich öffne die Seite von überall aus und die Anzeige ist falsch. Aber das passiert nicht jedes Mal!

14

Echt seltsam! Das riecht nach einer Race-Condition, entweder in unserem Code oder im Code der Bibliothek, die wir verwenden. (Zur Info, wir verwenden ApexCharts in Version v3.29.0, ihr Changelog ist hier: Releases · apexcharts/apexcharts.js · GitHub )

Falls nötig, kann ich versuchen, einen Pull Request zu erstellen, der ApexCharts aktualisiert.

Da du jetzt Gladys Plus hast (danke für deine Unterstützung!!), kann ich, wenn du möchtest, einen speziellen Online-Build erstellen, um die beiden Versionen zu vergleichen.

15

Ja, kein Problem, wir können es auf diese Weise testen.

16

Hier ist mein Vorschlag: Gewöhne dich erstmal an Gladys Plus und schau, ob du das Problem auch mit Gladys Plus hast (es ist möglich, dass nicht, wenn es sich um ein Race Condition handelt, könnte die etwas längere Netzwerk-Roundtrip-Zeit dazu führen, dass der Bug nicht sichtbar ist).

Falls du den Bug auch mit Gladys Plus hast, werde ich einen benutzerdefinierten Build erstellen, dir die URL teilen und du kannst testen, ob das Aktualisieren von ApexChart das Problem behebt.

Ich habe bereits einen Pull Request von meiner Seite aus erstellt:

17

Okay, es funktioniert, ich halte dich auf dem Laufenden.

18

Gleiches Problem auf Gladys Plus

19

Ich habe dir ein neues Bild gemacht, denn der Fehler kommt jetzt, wo ich darauf achte, sehr häufig vor!

image
image381×294 8.73 KB

Auf diesem Bild sieht man deutlich, dass es kein Datenproblem, sondern ein Anzeigefehler ist.

20

Das ist fast eine gute Sache, das wird es ermöglichen, den Fix zu testen :smiley:

Ich habe einen Gladys Plus Build unter folgender Adresse mit der aktualisierten ApexCharts-Bibliothek erstellt:

https://gladys-plus-update-apexcharts.netlify.app/

Du kannst dich mit deinen Gladys Plus Anmeldedaten einloggen und mir sagen, ob das Problem damit behoben ist oder nicht :slight_smile: