Neues YouTube-Video: Visualisierung im Devices-Adapter

[Qlink]

Hi Leute,

ich bin gerade dabei von vis auf vis-2 umzustellen.
Ich komme gerade bei folgendem Problem bei vis-2 nicht weiter.

Ich verwende das Widget "Filter bar" um zwischen 2 Strompreis JSON Diagrammen hin- und herzuschalten.
Filterwort ist bei beiden JSON Diagrammen gesetzt.

Das Diagramm Heute wird normal angezeigt, aber wenn ich auf Morgen um schalte, tut sich nichts.
Es wird immer nur das Heute Diagramm angezeigt.

Ich habe auch schon alternativ das "filter-dropdown" Widget probiert, welches aber kein anderes Verhalten ergibt.

Das Morgen Diagramm wird in keinem Fall angezeigt.

Bei vis, wo sämtliche Einstellungen identisch sind, funktioniert das Umschalten wie gewünscht.

Hat jemand eine Idee wie ich das Problem finden bzw. eingrenzen kann ?

Danke.

Beste Grüße

[Qlink]

Update:

Wenn ich in vis-2 die Filterbar mit z.B. e-Charts Diagramme anwende, funktioniert alles problemlos.
Auch mit anderen Widgets funktioniert das Filtern wie gewünscht.
Nur beim json Chart Widget von materialdesign funktioniert in vis-2 das Filtern nicht.

@scrounger Hast du einen Tipp für mich, wie ich das zum Laufen bringen kann ?

Oder kennt jemand eine vis2-Alternative zu dem Widget, mit dem ich die Strompreise aus dem apg Adapter wie oben darstellen kann ?

Der Adapter liefert die Daten in folgendem Format bzw. Informationen:

{"graphs":[{"type":"line","color":"white","line_steppedLine":true,"xAxis_timeFormats":{"hour":"HH"},"xAxis_time_unit":"hour","yAxis_min":-4.453,"yAxis_max":25,"datalabel_show":"auto","datalabel_minDigits":1,"datalabel_maxDigits":1,"xAxis_bounds":"data","line_pointSize":5,"line_PointColor":"rgba(0, 0, 0, 0)","datalabel_fontSize":10,"datalabel_color":"white","line_UseFillColor":true,"data":[{"y":12.425,"t":1780783200000},{"y":11.182,"t":1780786800000},{"y":10.354,"t":1780790400000},{"y":9.206,"t":1780794000000},{"y":7.594,"t":1780797600000},{"y":4.392,"t":1780801200000},{"y":0.514,"t":1780804800000},{"y":0.046,"t":1780808400000},{"y":-0.055,"t":1780812000000},{"y":-0.503,"t":1780815600000},{"y":-0.8,"t":1780819200000},{"y":-1.407,"t":1780822800000},{"y":-1.826,"t":1780826400000},{"y":-3.599,"t":1780830000000},{"y":-4.453,"t":1780833600000},{"y":-3.657,"t":1780837200000},{"y":-1.587,"t":1780840800000},{"y":-0.095,"t":1780844400000},{"y":7.806,"t":1780848000000},{"y":11.546,"t":1780851600000},{"y":11.895,"t":1780855200000},{"y":12.688,"t":1780858800000},{"y":13.591,"t":1780862400000},{"y":13.137,"t":1780866000000},{"y":13.137,"t":1780869600000}]}]}

[simonf04]

@Qlink sagte:

aus dem apg Adapter wie oben darstellen kann

Schau mal beim Adapter ins Readme.

Kann mittlerweile auch echarts 😏

[Qlink]

@simonf04

Danke für den Hinweis.
Weißt du wie das genau funktioniert ?

Wenn ich den apg json Datenpunkt in echarts angebe, bekomme nichts angezeigt:

Muss ich dazu noch zusätzlich etwas machen ?

Beste Grüße

[simonf04]

@Qlink sagte:

Weißt du wie das genau funktioniert ?

Ja, habs selber implementiert 😉.

1. Falls du noch nicht hast, brauchst die neuste Version 0.1.33. (Aktuell erst im latest, noch nicht im stable repo)

Siehe Readme: https://github.com/HGlab01/ioBroker.apg-info#vis-2.
Der echarts kann kein komplettes Diagramm per json definieren, nur die Daten von aus json lesen. Darum gibt es jetzt neue Datenpunkte im Adapter (z.B. .marketprice.jsonChartData).

Konfiguriert hab ichs bei mir so:

EDIT: gerade bemerkt das hier noch der falsche Datenpunkt war. Sollte eigentlich .marketprice.jsonChartData sein.

[Qlink]

@simonf04

Das war der entscheidende Hinweis!
Ich war noch auf 0.1.3.32.
Nach dem Adapter Update klappts nun auch mit echarts

Eine kosmetische Frage noch:

Weißt du ob es mit echarts möglich ist die Werte der jeweiligen Stunde direkt auf der Kurve anzuzeigen ? (so wie in meinem obigen Screenshot beim json chart widget)
Ich konnte dazu keine passende Einstellung finden.

Beste Grüße

[simonf04]

@Qlink sagte:

@simonf04

Das war der entscheidende Hinweis!
Ich war noch auf 0.1.3.32.
Nach dem Adapter Update klappts nun auch mit echarts

Eine kosmetische Frage noch:

Weißt du ob es mit echarts möglich ist die Werte der jeweiligen Stunde direkt auf der Kurve anzuzeigen ? (so wie in meinem obigen Screenshot beim json chart widget)
Ich konnte dazu keine passende Einstellung finden.

Beste Grüße

Super, dass dus hinbekommen hast.

Zu der Frage,
nein, weis ich leider nicht. Eventuell mal im echarts repo oder hier im Forum falls es einen thread zu dem Adapter gibt fragen. Gerne Ergebnis hier berichten.

Muss aber ehrlich sagen das ichs auch nicht wirklich brauch / sinnvoll ist.
Hab hier 15m Werte, das würde direkt am Diagramm etwas viel werden ...

und ca seh ichs ja eh durch die y.Achsenbeschriftung.
Obs jetzt gerade 0.5, 0.0 oder 0.2 sind macht meist auch nicht den grosen Unterschied. Meist ist ja nur interressant, wann es am billigsten ist und wenn ich genauer sehen will, kann ich eh drueber hovern.