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:

[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