[FTUI 3] Charts

[blenni]

Mein Chart aktualisiert sich nicht automatisch - erst wenn ich innerhalb FTUI auf eine andere Seite und dann wieder zurück zur Seite mit dem Chart wechsle, werden die neuen Daten nachgeladen. Kann ich das auch automatisch regelmäßig aktualisieren lassen?

[grossmaggul]

Ich krame das nochmal hoch, da der "Fehler" immer noch auftritt.
Ich versuche das mal aufzudröseln.

Folgendes Konstrukt:

Code Auswählen Erweitern

<ftui-grid-tile row="5" col="2" height="4" width="9" shape="round" class="semitransparent">
            <ftui-content file="content/chart.html" titel="Thermostat Wohnzimmer"
                          y_label=""
                          label1=""
                          hgfarbe="warn"
                          farbe="blue"
                          geraet="wz.thermostat"
                          temp="temperature"
                          einheit="30d"
                          punkt_radius="0">
            </ftui-content>
</ftui-grid-tile>


Und das zugehörige content file:

Code Auswählen Erweitern

<ftui-chart title="{{titel}}" y-label="{{y_label}}" unit="{{einheit}}">
       
            <ftui-chart-data fill label="{{label1}}"
                             background-color="{{hg-farbe}}"
                             color="{{farbe}}"
                             log="logdb"
                             file="history"
                             spec="{{geraet}}:{{temp}}"
                             point-radius="{{punkt_radius}}">
            </ftui-chart-data>
               
            <ftui-chart-controls units="day,week,month"></ftui-chart-controls>
</ftui-chart>

Dies bringt in der Toastmeldung die bereits beschriebene Fehlermeldung:

Code Auswählen Erweitern

chart.component.js: 321
TypeError: dataElement.fetch is not a function

Es fehlen dann auch verschiedene Beschriftungen der y Achsen.

In der Javascriptconsole sieht man diese Fehlermeldung:

Code Auswählen Erweitern

Uncaught TypeError: dataElement.fetch is not a function
    at chart.component.js:321:19
    at NodeList.forEach (<anonymous>)
    at FtuiChart.refresh (chart.component.js:315:23)
    at FtuiChart.onAttributeChanged (chart.component.js:301:14)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiChart.set (element.component.js:164:25)
    at FtuiChart.onAttributeChanged (chart.component.js:296:21)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiContent.initContent (content.component.js:96:20)
    at FtuiContent.loadFileContent (content.component.js:89:10)
(anonym) @ chart.component.js:321
refresh @ chart.component.js:315
onAttributeChanged @ chart.component.js:301
attributeChangedCallback @ element.component.js:76
set @ element.component.js:164
onAttributeChanged @ chart.component.js:296
attributeChangedCallback @ element.component.js:76
initContent @ content.component.js:96
loadFileContent @ content.component.js:89
await in loadFileContent (async)
FtuiContent @ content.component.js:26
(anonym) @ content.component.js:103


Wie schon beschrieben tritt der Fehler nur auf, wenn man einen Chart mittels eines Contentfiles erzeugt.

[OdfFhem]

@grossmaggul

Ich hätte ja gerne geholfen, aber ich kann das Problem nicht nachvollziehen.
Weder direkt noch via content eingebettet - sieht gleich aus und funktioniert jeweils ohne Fehlermeldung.

Um dem Problem auf die Schliche zu kommen, könntest Du eine Zeile in chart.component.js hinzufügen:
- als neue Zeile 321 (vor der fetch-Zeile):

Code Auswählen Erweitern


console.log("*** dataElement ***",dataElement.id);


Dann sollte klarer werden, was da gemacht wird ...


Weitere Anmerkungen:
- hgfarbe (außen) und hg-farbe (innen) sind nicht identisch
- einheit (außen) übergibt "30d", ist aber im Attribut units innerhalb des content-files eigentlich nicht vorgesehen - gewollt ?

[grossmaggul]

Hallo OldFhem,

danke für Deine Hilfe, ich habe die log Zeile mal eingefügt, das wird mir ausgegeben, wenn ich einen Refresh der Seite mache.

Code Auswählen Erweitern

158[Violation] Added non-passive event listener to a scroll-blocking <some>-Ereignis. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Forced reflow while executing JavaScript took 46ms
chart.component.js:320 *** dataElement *** ftui_chart_data_1
chart.component.js:320 *** dataElement *** ftui_chart_data_2
chart.component.js:320 *** dataElement *** ftui_chart_data_3
chart.component.js:320 *** dataElement *** ftui_chart_data_4
chart.component.js:320 *** dataElement *** ftui_chart_data_5
chart.component.js:320 *** dataElement *** ftui_chart_data_6
chart.component.js:320 *** dataElement *** ftui_chart_data_7
chart.component.js:320 *** dataElement *** ftui_chart_data_8
chart.component.js:320 *** dataElement *** ftui_chart_data_9
chart.component.js:320 *** dataElement *** ftui_chart_data_1
chart.component.js:320 *** dataElement *** ftui_chart_data_2
chart.component.js:320 *** dataElement *** ftui_chart_data_3
chart.component.js:320 *** dataElement *** ftui_chart_data_4
chart.component.js:320 *** dataElement *** ftui_chart_data_5
chart.component.js:320 *** dataElement *** ftui_chart_data_6
chart.component.js:320 *** dataElement *** ftui_chart_data_7
chart.component.js:320 *** dataElement *** ftui_chart_data_8
chart.component.js:320 *** dataElement *** ftui_chart_data_9
chart.component.js:320 *** dataElement *** ftui_chart_data_10
chart.component.js:320 *** dataElement *** ftui_chart_data_11
calendar.component.js:138 refresh ftui_calendar_1
chart.component.js:320 *** dataElement ***
chart.component.js:321 Uncaught TypeError: dataElement.fetch is not a function
    at chart.component.js:321:19
    at NodeList.forEach (<anonymous>)
    at FtuiChart.refresh (chart.component.js:315:23)
    at FtuiChart.onAttributeChanged (chart.component.js:301:14)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiChart.set (element.component.js:164:25)
    at FtuiChart.onAttributeChanged (chart.component.js:296:21)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiContent.initContent (content.component.js:96:20)
    at FtuiContent.loadFileContent (content.component.js:89:10)
(anonym) @ chart.component.js:321
refresh @ chart.component.js:315
onAttributeChanged @ chart.component.js:301
attributeChangedCallback @ element.component.js:76
set @ element.component.js:164
onAttributeChanged @ chart.component.js:296
attributeChangedCallback @ element.component.js:76
initContent @ content.component.js:96
loadFileContent @ content.component.js:89
await in loadFileContent (async)
FtuiContent @ content.component.js:26
(anonym) @ content.component.js:103
chart.component.js:320 *** dataElement *** ftui_chart_data_12
9[Violation] 'ftuiDataChanged' handler Zeit: <N> ms
fhem.service.js:232 connect visible: true
fhem.service.js:131 Sun Jan 16 2022 14:12:40 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:201 15 true
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
fhem.service.js:232 connect visible: true
fhem.service.js:131 Sun Jan 16 2022 14:12:44 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
0:1 GET http://192.168.1.12:9000/0 404 (Not Found)
fhem.service.js:232 connect visible: true
fhem.service.js:131 Sun Jan 16 2022 14:12:44 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next

- hgfarbe (außen) und hg-farbe (innen) sind nicht identisch

Habe ich geändert.

- einheit (außen) übergibt "30d", ist aber im Attribut units innerhalb des content-files eigentlich nicht vorgesehen - gewollt ?

einheit also "30d" wird doch an unit in <ftui-chart> weitergegeben und das wurde doch vor einiger Zeit angepasst oder was meinst Du genau?

[SirMarco]

Genau das wird bei mir auch ausgegeben:

Code Auswählen Erweitern

*** dataElement ***
chart.component.js:321 Uncaught TypeError: dataElement.fetch is not a function
    at chart.component.js:321:19
    at NodeList.forEach (<anonymous>)
    at FtuiChart.refresh (chart.component.js:315:23)
    at FtuiChart.onAttributeChanged (chart.component.js:301:14)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiChart.set (element.component.js:164:25)
    at FtuiChart.onAttributeChanged (chart.component.js:296:21)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiContent.initContent (content.component.js:96:20)
    at FtuiContent.loadFileContent (content.component.js:89:10)

Mein Chart :

Code Auswählen Erweitern


        <ftui-chart width="100%" unit="day" prefetch="21600" extend>
            <ftui-chart-data label="Temperatur" point-radius="0" tension="0.3" fill color="#27ae60" log="DBLogging" file="history" spec="{{device}}:temperature"></ftui-chart-data>
            <ftui-chart-data label="Luftfeuchtigkeit" point-radius="0" tension="0.3" fill color="#228ace" log="DBLogging" file="history" spec="{{device}}:humidity"></ftui-chart-data>
            <ftui-chart-controls units="day, week"></ftui-chart-controls>
        </ftui-chart>


[OdfFhem]

einheit also "30d" wird doch an unit in <ftui-chart> weitergegeben und das wurde doch vor einiger Zeit angepasst oder was meinst Du genau?

Damit meinte ich, dass Du zwar mit "30d" startest, aber nicht umschalten und wieder zurückkommen könntest:

Code Auswählen Erweitern


<ftui-chart-controls units="day,week,month"></ftui-chart-controls>

In der Oberfläche stehen so nur "day,week,month" und nicht "day,week,month,30d" zur Verfügung ...


@grossmaggul, @SirMarco

Ja, wir wissen jetzt schon mal mehr zum Problem, aber richtig hilfreich ist das immer noch nicht wirklich;
daher würde ich noch eine zusätzliche Zeile einfügen - vor der fetch-Zeile stünde dann:

Code Auswählen Erweitern


console.log("*** dataElement ***",dataElement);
console.log("*** dataElement ***",dataElement.id);


[grossmaggul]

Damit meinte ich, dass Du zwar mit "30d" startest, aber nicht umschalten und wieder zurückkommen könntest:

Ah, o.k., jetzt habe ich es geblickt.

Hier der Log mit der zusätzlichen Zeile:

Code Auswählen Erweitern

[Violation] Added non-passive event listener to a scroll-blocking <some>-Ereignis. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
jquery.flot.js:3151 Uncaught TypeError: Cannot read properties of null (reading 'save')
    at G (jquery.flot.js:3151:18)
G @ jquery.flot.js:3151
setTimeout (async)
H @ jquery.flot.js:3144
z @ jquery.flot.js:1962
r @ jquery.flot.js:717
e.plot @ jquery.flot.js:3299
value @ graph.ts:527
value @ graph.ts:451
(anonym) @ graph.ts:135
o @ react-dom.production.min.js:282
Oi @ react-dom.production.min.js:131
mi @ react-dom.production.min.js:131
mc @ react-dom.production.min.js:252
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
gc @ react-dom.production.min.js:244
ic @ react-dom.production.min.js:223
ec @ react-dom.production.min.js:214
Nc @ react-dom.production.min.js:279
(anonym) @ react-dom.production.min.js:282
uc @ react-dom.production.min.js:224
Yc @ react-dom.production.min.js:282
render @ react-dom.production.min.js:286
value @ graph.ts:135
l.emit @ index.js:202
value @ emitter.ts:27
value @ panel_ctrl.ts:102
(anonym) @ module.ts:240
Promise.then (async)
value @ module.ts:228
l.emit @ index.js:181
value @ emitter.ts:27
value @ metrics_panel_ctrl.ts:206
next @ metrics_panel_ctrl.ts:154
t.__tryOrUnsub @ Subscriber.js:192
t.next @ Subscriber.js:130
t._next @ Subscriber.js:76
t.next @ Subscriber.js:53
t._next @ map.js:41
t.next @ Subscriber.js:53
t.next @ Subject.js:47
t.nextInfiniteTimeWindow @ ReplaySubject.js:39
next @ PanelQueryRunner.ts:199
t.__tryOrUnsub @ Subscriber.js:192
t.next @ Subscriber.js:130
t._next @ Subscriber.js:76
t.next @ Subscriber.js:53
t.notifyNext @ mergeMap.js:87
t._next @ InnerSubscriber.js:15
t.next @ Subscriber.js:53
t._next @ Subscriber.js:76
t.next @ Subscriber.js:53
t.next @ Subject.js:47
t._next @ Subscriber.js:76
t.next @ Subscriber.js:53
t._next @ Subscriber.js:76
t.next @ Subscriber.js:53
t._next @ tap.js:51
t.next @ Subscriber.js:53
t._next @ Subscriber.js:76
t.next @ Subscriber.js:53
t._next @ map.js:41
t.next @ Subscriber.js:53
(anonym) @ subscribeToPromise.js:7
Promise.then (async)
t @ subscribeToPromise.js:5
e._trySubscribe @ Observable.js:43
e.subscribe @ Observable.js:29
e.call @ map.js:18
e.subscribe @ Observable.js:24
e.call @ catchError.js:18
e.subscribe @ Observable.js:24
e.call @ tap.js:18
e.subscribe @ Observable.js:24
e.call @ finalize.js:13
e.subscribe @ Observable.js:24
t.connect @ ConnectableObservable.js:34
e.call @ refCount.js:19
e.subscribe @ Observable.js:24
a @ subscribeToResult.js:13
e.call @ takeUntil.js:14
e.subscribe @ Observable.js:24
a @ subscribeToResult.js:13
t._innerSub @ mergeMap.js:74
t._tryNext @ mergeMap.js:68
t._next @ mergeMap.js:51
t.next @ Subscriber.js:53
(anonym) @ subscribeToArray.js:5
e._trySubscribe @ Observable.js:43
e.subscribe @ Observable.js:29
e.call @ mergeMap.js:29
e.subscribe @ Observable.js:24
value @ PanelQueryRunner.ts:195
(anonym) @ PanelQueryRunner.ts:184
c @ runtime.js:45
(anonym) @ runtime.js:271
forEach.e.<computed> @ runtime.js:97
b @ app.41bc4b193210d0f899b3.js:2
i @ app.41bc4b193210d0f899b3.js:2
Promise.then (async)
b @ app.41bc4b193210d0f899b3.js:2
i @ app.41bc4b193210d0f899b3.js:2
(anonym) @ app.41bc4b193210d0f899b3.js:2
(anonym) @ app.41bc4b193210d0f899b3.js:2
(anonym) @ PanelQueryRunner.ts:63
value @ metrics_panel_ctrl.ts:182
(anonym) @ module.ts:198
Promise.then (async)
value @ module.ts:197
Promise.then (async)
value @ metrics_panel_ctrl.ts:95
l.emit @ index.js:202
value @ emitter.ts:27
value @ PanelModel.ts:271
value @ DashboardModel.ts:334
value @ panel_ctrl.ts:48
(anonym) @ panel_ctrl.ts:43
$broadcast @ angular.js:18869
(anonym) @ plugin_component.ts:228
$eval @ angular.js:18542
(anonym) @ angular.js:18684
C @ angular.js:18941
$eval @ angular.js:18542
$apply @ angular.js:18641
(anonym) @ angular.js:18952
p @ angular.js:6428
(anonym) @ angular.js:6707
setTimeout (async)
i.defer @ angular.js:6705
$applyAsync @ angular.js:18951
(anonym) @ plugin_component.ts:227
setTimeout (async)
(anonym) @ plugin_component.ts:226
$eval @ angular.js:18542
(anonym) @ angular.js:18684
C @ angular.js:18941
$eval @ angular.js:18542
$apply @ angular.js:18641
(anonym) @ angular.js:18952
p @ angular.js:6428
(anonym) @ angular.js:6707
setTimeout (async)
i.defer @ angular.js:6705
$applyAsync @ angular.js:18951
(anonym) @ plugin_component.ts:224
setTimeout (async)
(anonym) @ plugin_component.ts:223
f @ plugin_component.ts:254
(anonym) @ plugin_component.ts:262
Promise.then (async)
link @ plugin_component.ts:261
(anonym) @ angular.js:1383
It @ angular.js:10619
it @ angular.js:10008
(anonym) @ angular.js:9248
(anonym) @ angular.js:9113
value @ AngularLoader.ts:21
value @ PanelChromeAngular.tsx:188
value @ PanelChromeAngular.tsx:77
mc @ react-dom.production.min.js:251
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
gc @ react-dom.production.min.js:244
ic @ react-dom.production.min.js:223
(anonym) @ react-dom.production.min.js:121
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
Xo @ react-dom.production.min.js:121
Yo @ react-dom.production.min.js:120
ac @ react-dom.production.min.js:224
notify @ Subscription.js:19
t.notifyNestedSubs @ Subscription.js:92
t.handleChangeWrapper @ Subscription.js:97
b @ redux.js:221
(anonym) @ index.js:11
dispatch @ redux.js:638
(anonym) @ actions.ts:126
c @ runtime.js:45
(anonym) @ runtime.js:271
forEach.e.<computed> @ runtime.js:97
c @ app.41bc4b193210d0f899b3.js:2
i @ app.41bc4b193210d0f899b3.js:2
Promise.then (async)
c @ app.41bc4b193210d0f899b3.js:2
i @ app.41bc4b193210d0f899b3.js:2
(anonym) @ app.41bc4b193210d0f899b3.js:2
(anonym) @ app.41bc4b193210d0f899b3.js:2
(anonym) @ actions.ts:115
(anonym) @ index.js:8
(anonym) @ redux.js:477
value @ DashboardPanel.tsx:56
mc @ react-dom.production.min.js:251
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
gc @ react-dom.production.min.js:244
ic @ react-dom.production.min.js:223
(anonym) @ react-dom.production.min.js:121
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
Xo @ react-dom.production.min.js:121
Yo @ react-dom.production.min.js:120
ac @ react-dom.production.min.js:224
notify @ Subscription.js:19
t.notifyNestedSubs @ Subscription.js:92
t.handleChangeWrapper @ Subscription.js:97
b @ redux.js:221
(anonym) @ index.js:11
dispatch @ redux.js:638
(anonym) @ initDashboard.ts:228
c @ runtime.js:45
(anonym) @ runtime.js:271
forEach.e.<computed> @ runtime.js:97
d @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
i @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
Promise.then (async)
d @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
i @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
Promise.then (async)
d @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
i @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
(anonym) @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
(anonym) @ default~DashboardPage~SoloPanelPage.41bc4b193210d0f899b3.js:1
(anonym) @ initDashboard.ts:125
(anonym) @ index.js:8
(anonym) @ redux.js:477
value @ SoloPanelPage.tsx:42
mc @ react-dom.production.min.js:251
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
gc @ react-dom.production.min.js:244
ic @ react-dom.production.min.js:223
(anonym) @ react-dom.production.min.js:121
KqkS.t.unstable_runWithPriority @ scheduler.production.min.js:18
Wo @ react-dom.production.min.js:120
Xo @ react-dom.production.min.js:121
Yo @ react-dom.production.min.js:120
ec @ react-dom.production.min.js:214
enqueueSetState @ react-dom.production.min.js:133
O.setState @ react.production.min.js:13
t @ index.js:205
(anonym) @ index.js:215
Promise.then (async)
r._loadModule @ index.js:214
r.componentWillMount @ index.js:168
Ai @ react-dom.production.min.js:138
Ya @ react-dom.production.min.js:175
Su @ react-dom.production.min.js:261
yc @ react-dom.production.min.js:230
hc @ react-dom.production.min.js:229
ic @ react-dom.production.min.js:223
ec @ react-dom.production.min.js:214
Nc @ react-dom.production.min.js:279
(anonym) @ react-dom.production.min.js:282
uc @ react-dom.production.min.js:224
Yc @ react-dom.production.min.js:282
render @ react-dom.production.min.js:286
link @ ReactContainer.tsx:71
(anonym) @ angular.js:1383
It @ angular.js:10619
it @ angular.js:10008
(anonym) @ angular.js:9248
(anonym) @ angular.js:9113
link @ angular-route.js:1223
(anonym) @ angular.js:1383
It @ angular.js:10619
it @ angular.js:10008
(anonym) @ angular.js:9248
(anonym) @ angular.js:9113
(anonym) @ angular.js:9504
r @ angular.js:9291
C @ angular.js:10058
y @ angular-route.js:1172
$broadcast @ angular.js:18869
(anonym) @ angular-route.js:734
(anonym) @ angular.js:17169
(anonym) @ angular.js:17217
$digest @ angular.js:18351
$apply @ angular.js:18649
(anonym) @ angular.js:1958
invoke @ angular.js:5106
i @ angular.js:1956
Ot @ angular.js:1976
value @ app.ts:175
zl43 @ index.ts:4
i @ bootstrap:84
r @ bootstrap:45
t @ bootstrap:32
(anonym) @ vendors~app.41bc4b193210d0f899b3.js:2
144 weitere Frames anzeigen
[Violation] Forced reflow while executing JavaScript took 34ms
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Windgeschwindigkeit" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"proplanta:​wind" point-radius=​"0" class=​"semitransparent" id=​"ftui_chart_data_1" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2022-01-01_00:​00:​00" end-date=​"2022-02-01_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_1
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_2" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_2
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.thermostat:​desiredTemperature" point-radius=​"0" id=​"ftui_chart_data_3" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_3
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.radiator:​temperature" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_4" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_4
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.radiator:​desiredTemperature" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_5" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_5
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"rgba(75,192,192,0.2)​" color=​"rgba(75,192,192,1)​" log=​"logdb" file=​"history" spec=​"wz.radiator:​valveposition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_6" margin=​"0" padding=​"0" type=​"line" point-background-color=​"rgba(75,192,192,1)​" border-color=​"rgba(75,192,192,1)​" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_6
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​measured-temp" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_7" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_7
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​desired-temp" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_8" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_8
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"rgba(75,192,192,0.2)​" color=​"rgba(75,192,192,1)​" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​ValvePosition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_9" margin=​"0" padding=​"0" type=​"line" point-background-color=​"rgba(75,192,192,1)​" border-color=​"rgba(75,192,192,1)​" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_9
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Windgeschwindigkeit" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"proplanta:​wind" point-radius=​"0" class=​"semitransparent" id=​"ftui_chart_data_1" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2022-01-01_00:​00:​00" end-date=​"2022-02-01_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_1
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_2" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_2
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.thermostat:​desiredTemperature" point-radius=​"0" id=​"ftui_chart_data_3" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_3
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.radiator:​temperature" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_4" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_4
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.radiator:​desiredTemperature" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_5" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_5
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"rgba(75,192,192,0.2)​" color=​"rgba(75,192,192,1)​" log=​"logdb" file=​"history" spec=​"wz.radiator:​valveposition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_6" margin=​"0" padding=​"0" type=​"line" point-background-color=​"rgba(75,192,192,1)​" border-color=​"rgba(75,192,192,1)​" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_6
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​measured-temp" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_7" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_7
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​desired-temp" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_8" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_8
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"rgba(75,192,192,0.2)​" color=​"rgba(75,192,192,1)​" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​ValvePosition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_9" margin=​"0" padding=​"0" type=​"line" point-background-color=​"rgba(75,192,192,1)​" border-color=​"rgba(75,192,192,1)​" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​26" end-date=​"2022-01-16_16:​18:​26" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_9
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"CPU 1" color=​"red" background-color=​"rgba(124,45,22,0.2)​" log=​"logdb" file=​"history" spec=​"sys.ueberwachung:​cpu1_temp" point-radius=​"0" id=​"ftui_chart_data_10" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#ed553b" border-color=​"#ed553b" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2022-01-16_00:​00:​00" end-date=​"2022-01-17_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_10
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"CPU 2" color=​"green" background-color=​"rgba(23,145,122,0.2)​" log=​"logdb" file=​"history" spec=​"sys.ueberwachung:​cpu2_temp" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_11" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#3caea3" border-color=​"#3caea3" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2022-01-16_00:​00:​00" end-date=​"2022-01-17_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_11
calendar.component.js:138 refresh ftui_calendar_1
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_12" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​27" end-date=​"2022-01-16_16:​18:​27" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement ***
chart.component.js:324 Uncaught TypeError: dataElement.fetch is not a function
    at chart.component.js:324:19
    at NodeList.forEach (<anonymous>)
    at FtuiChart.refresh (chart.component.js:315:23)
    at FtuiChart.onAttributeChanged (chart.component.js:301:14)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at FtuiChart.set (element.component.js:164:25)
    at FtuiChart.onAttributeChanged (chart.component.js:296:21)
    at FtuiChart.attributeChangedCallback (element.component.js:76:12)
    at HTMLElement.initContent (content.component.js:96:20)
    at HTMLElement.loadFileContent (content.component.js:89:10)
(anonym) @ chart.component.js:324
refresh @ chart.component.js:315
onAttributeChanged @ chart.component.js:301
attributeChangedCallback @ element.component.js:76
set @ element.component.js:164
onAttributeChanged @ chart.component.js:296
attributeChangedCallback @ element.component.js:76
initContent @ content.component.js:96
loadFileContent @ content.component.js:89
await in loadFileContent (async)
FtuiContent @ content.component.js:26
(anonym) @ content.component.js:103
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_12" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​27" end-date=​"2022-01-16_16:​18:​27" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_12
fhem.service.js:232 connect visible: true
fhem.service.js:131 Sun Jan 16 2022 16:18:28 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
5[Violation] 'ftuiDataChanged' handler Zeit: <N> ms
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:201 15 true
4swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
4swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
4swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
4swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
[Violation] Forced reflow while executing JavaScript took 31ms
0:1 GET http://192.168.1.12:9000/0 404 (Not Found)
fhem.service.js:232 connect visible: true
fhem.service.js:131 Sun Jan 16 2022 16:18:32 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
2swiper.component.js:145 next

[OdfFhem]

@grossmaggul und vermutlich auch @SirMarco

Ich würde sagen, jetzt kennt man die wahrscheinlichste Ursache:

- das problematische dataElement ist zwar vom Typ ftui-chart-data und wurde auch bereits in Zeile #134 von chart.component.js "rekrutiert"
  - an der ERROR-Stelle vom Log hat es aber noch keine id und demnach auch noch keine Routine
  - wenig später ist es dann vollständig initialisiert, hat eine id, die benötigte Routine und verursacht keinen ERROR mehr im Log

Code Auswählen Erweitern


chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_12" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​27" end-date=​"2022-01-16_16:​18:​27" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement ***
chart.component.js:324 Uncaught TypeError: dataElement.fetch is not a function
.
.
.
chart.component.js:321 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_12" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit=​"°C" start-date=​"2021-12-17_16:​18:​27" end-date=​"2022-01-16_16:​18:​27" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:322 *** dataElement *** ftui_chart_data_12


Angenommen, man hat nichts übersehen, könnte man jetzt vorübergehend die ehemalige Zeile #321 ersetzen durch:

Code Auswählen Erweitern


if (dataElement.fetch) dataElement.fetch();

Routine fetch wird also nur ausgeführt, wenn sie auch tatsächlich existiert.

[grossmaggul]

Das scheint zu funktionieren, zumindest ist die Fehlermeldung weg.

Es gibt aber immer noch ein anderes Problem.

Wenn ich sowas hier mache:

Code Auswählen Erweitern

<ftui-content file="content/chart.html" titel="Thermostat Wohnzimmer"
                          y_label="Thermostat"
                          y_eins="Ventil"
                          y_achse="Temperatur"
                          label1="Ist"
                          label2="Ventil"
                          hgfarbe="green"
                          farbe="blue"
                          geraet="wz.thermostat"
                          temp="temperature"
                          geraet2="wz.radiator"
                          ventil="valveposition"
                          einheit="30d"
                          punkt_radius="0"
                          y-achse-id0="y0"
                          y-achse-id1="y1">
</ftui-content>

Und hier das entsprechende Contentfile:

Code Auswählen Erweitern

<ftui-chart title="{{titel}}" y-label="{{y_achse}}" y1-label="{{y_eins}}" unit="{{einheit}}">
       
            <ftui-chart-data fill label="{{label1}}"
                             background-color="{{hgfarbe}}"
                             color="{{farbe}}"
                             log="logdb"
                             file="history"
                             spec="{{geraet}}:{{temp}}"
                             point-radius="{{punkt_radius}}"
                             y-axis-id="y-achse-id0">
            </ftui-chart-data>
   
            <ftui-chart-data fill label="{{label2}}"
                             background-color="{{hgfarbe}}"
                             color="{{farbe}}"
                             log="logdb"
                             file="history"
                             spec="{{geraet2}}:{{ventil}}"
                             point-radius="{{punkt_radius}}"
                             y-axis-id="y-achse-id1">
            </ftui-chart-data>
               
            <ftui-chart-controls units="day,week,month,30d"></ftui-chart-controls>
</ftui-chart>

Dann wird die Skala der rechten Y Achse auf der linken, statt auf der rechten Seite angezeigt.(s.Bild)

Ich hoffe ich habe nicht wieder irgendeinen Typo drin.:-/

Noch allgemein zu den Charts, die Angabe der unit in ftui-chart-data wird scheinbar ignoriert

[OdfFhem]

Das scheint zu funktionieren, zumindest ist die Fehlermeldung weg.

Ja, ist nur eine temporäre "Lösung"; so oder in anderer Form müsste sie irgendwann den Weg ins Git finden.

Noch allgemein zu den Charts, die Angabe der unit in ftui-chart-data wird scheinbar ignoriert

Das Attribut unit wurde - glaube ich - noch nie wirklich verwendet - könnte also eigentlich entsorgt werden.
In ftui-chart gibt es y-unit und y1-unit; hier kann ein Zusatz zum Wert der Skala hinterlegt werden (s. chart.html unter examples).

[OdfFhem]

Es gibt aber immer noch ein anderes Problem.

Vermutlich liegt das Problem bzw. zwei davon im content-File:

Code Auswählen Erweitern


  y-axis-id="y-achse-id0">
  ...
  y-axis-id="y-achse-id1">


Ungeprüfte Lösung könnte sein:

Code Auswählen Erweitern


  y-axis-id="{{y-achse-id0}}">
  ...
  y-axis-id="{{y-achse-id1}}">


[grossmaggul]

Das Attribut unit wurde - glaube ich - noch nie wirklich verwendet - könnte also eigentlich entsorgt werden.
In ftui-chart gibt es y-unit und y1-unit; hier kann ein Zusatz zum Wert der Skala hinterlegt werden

O.K., in der Readme.md steht das leider noch nicht drin.

Vermutlich liegt das Problem bzw. zwei davon im content-File:

Jain, ja, weil ich die Klammern vergessen hatte und die Ventilskala jetzt nicht mehr vor dem Chart steht, nein, weil die Ventilskala jetzt aber auch nicht rechts angezeigt wird, bzw. gar nicht angezeigt wird.

[OdfFhem]

@grossmaggul

Es gibt jetzt die Komponente chart in einem neuen Stand. Den solltest Du mal ziehen und anschließend vor Zeile 164 die beiden, für das letzte Problem verwendeten Debugzeilen integrieren.

Ich vermute mal, dass hier schon über die Verwendung von y1 entschieden wird, aber noch gar nicht alle ftui-chart-data vollständig initialisiert sind ...

Sollte sich die Komponente bis zu Deinem Test nochmals ändern, müsste u.U. die Lage neu bewertet werden ...

[grossmaggul]

Den neuen Stand hatte ich schon gezogen, das Problem mit der fehlenden Beschriftung bei Contentfilebenutzung bleibt aber.

anschließend vor Zeile 164 die beiden, für das letzte Problem verwendeten Debugzeilen integrieren.

Habe ich gemacht, das kommt dabei raus, mit dem aktuellsten Stand der chart Componente.

Code Auswählen Erweitern

[Violation] Forced reflow while executing JavaScript took 49ms
158[Violation] Added non-passive event listener to a scroll-blocking <some>-Ereignis. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Forced reflow while executing JavaScript took 67ms
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Windgeschwindigkeit" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"proplanta:​wind" point-radius=​"0" class=​"semitransparent" id=​"ftui_chart_data_1" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit start-date=​"2022-01-01_00:​00:​00" end-date=​"2022-02-01_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_1
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" id=​"ftui_chart_data_2" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_2
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.thermostat:​desiredTemperature" point-radius=​"0" id=​"ftui_chart_data_3" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_3
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.radiator:​temperature" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_4" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_4
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.radiator:​desiredTemperature" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_5" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_5
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"rgba(75,192,192,0.2)​" color=​"rgba(75,192,192,1)​" log=​"logdb" file=​"history" spec=​"wz.radiator:​valveposition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_6" margin=​"0" padding=​"0" type=​"line" point-background-color=​"rgba(75,192,192,1)​" border-color=​"rgba(75,192,192,1)​" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_6
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"#d6305650" color=​"#d63056" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​measured-temp" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_7" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d63056" border-color=​"#d63056" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_7
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Soll" background-color=​"#d6407650" color=​"#d67054" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​desired-temp" point-radius=​"0" y-axis-id=​"y0" id=​"ftui_chart_data_8" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#d67054" border-color=​"#d67054" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_8
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"rgba(75,192,192,0.2)​" color=​"rgba(75,192,192,1)​" log=​"logdb" file=​"history" spec=​"wz.heizkoerper_Clima:​ValvePosition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_9" margin=​"0" padding=​"0" type=​"line" point-background-color=​"rgba(75,192,192,1)​" border-color=​"rgba(75,192,192,1)​" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_9
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"CPU 1" color=​"red" background-color=​"rgba(124,45,22,0.2)​" log=​"logdb" file=​"history" spec=​"sys.ueberwachung:​cpu1_temp" point-radius=​"0" id=​"ftui_chart_data_10" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#ed553b" border-color=​"#ed553b" border-width=​"1.2" title=​"-" unit start-date=​"2022-01-17_00:​00:​00" end-date=​"2022-01-18_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0" y-axis-id=​"y">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_10
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"CPU 2" color=​"green" background-color=​"rgba(23,145,122,0.2)​" log=​"logdb" file=​"history" spec=​"sys.ueberwachung:​cpu2_temp" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_11" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#3caea3" border-color=​"#3caea3" border-width=​"1.2" title=​"-" unit start-date=​"2022-01-17_00:​00:​00" end-date=​"2022-01-18_00:​00:​00" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement *** ftui_chart_data_11
calendar.component.js:138 refresh ftui_calendar_1
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" y-axis-id=​"y0" y-unit=​"°C" id=​"ftui_chart_data_12" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement ***
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.radiator:​valveposition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_13" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement ***
17[Violation] 'ftuiDataChanged' handler Zeit: <N> ms
fhem.service.js:232 connect visible: true
fhem.service.js:131 Mon Jan 17 2022 09:50:43 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:117 auto-play
swiper.component.js:201 15 true
swiper.component.js:201 15 true
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
2swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
swiper.component.js:145 next
0:1 GET http://192.168.1.12:9000/0 404 (Not Found)
fhem.service.js:232 connect visible: true
fhem.service.js:131 Mon Jan 17 2022 09:50:46 GMT+0100 (Mitteleuropäische Normalzeit) '[refresh] start now isOffline:' false 'isAppVisible()' true
chart.js:95 [Violation] 'requestAnimationFrame' handler took 155ms
2swiper.component.js:145 next

[OdfFhem]

@grossmaggul

Code Auswählen Erweitern


chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ist" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.thermostat:​temperature" point-radius=​"0" y-axis-id=​"y0" y-unit=​"°C" id=​"ftui_chart_data_12" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement ***
chart.component.js:165 *** dataElement *** <ftui-chart-data fill label=​"Ventil" background-color=​"green" color=​"blue" log=​"logdb" file=​"history" spec=​"wz.radiator:​valveposition" point-radius=​"0" y-axis-id=​"y1" id=​"ftui_chart_data_13" margin=​"0" padding=​"0" type=​"line" point-background-color=​"#66aaFF" border-color=​"#66aaFF" border-width=​"1.2" title=​"-" unit start-date=​"2021-12-18_09:​50:​41" end-date=​"2022-01-17_09:​50:​41" prefetch=​"0" update tension=​"0.0" offset=​"0">​ ​</ftui-chart-data>​
chart.component.js:166 *** dataElement ***


Der Auszug bestätigt die Vermutung, dass die beiden letztgeloggten ftui-chart-data noch keine id haben und wohl zum content-file gehören.

Um das Problem zu lösen, müsste man die Entscheidung zur Verwendung von y1 weiter unten fällen ... in z.B. onDataChanged ...