Keine Charts mehr

Eisix · 08 Dezember 2017, 16:11:22

Es wird dich sicher nicht freuen aber da war es bei der Ausführung auch drin.

index.html


<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.2
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * !!!! Evaluation version - run only in a staging enviroment !!!!
     *
     * - create a new folder named 'tablet_eval' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet_eval
     * - add 'define TABLETUIEVAL HTTPSRV ftui_eval ./www/tablet_eval Tablet-EVAL' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet_eval/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="61">
    <meta name="widget_base_height" content="43">
    <meta name="widget_min_cols" content="13">
<meta name="longpoll_type" content="websocket">
<meta name="toast" content="1">
<meta name='longpoll_maxage' content='240'>
<meta name='web_device' content='WEB'>
<meta name="debug" content="2"> <!-- 1=output to console;0=not output -->
<!--
    <script type="text/javascript" src="js/my_scripts.js"></script>
-->

    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <meta name='gridster_disable' content='1'>
    <meta name='gridster_resize' content='0'>
    <meta name='debug' content='2'>

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-darkblue-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>

edit:
sogar 2 mal wie ich gerade sehe. Macht " vs ' was aus?

Eisix · 08 Dezember 2017, 16:32:44

Habs nochmal nur mit der " Variante probiert.

Habe noch ein warning gefunden

Code Auswählen


jquery.min.js:2 jQuery.Deferred exception: a.replace is not a function TypeError: a.replace is not a function
    at Function.camelCase (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:2:2632)
    at U.get (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:3:1068)
    at r.fn.init.<anonymous> (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:3:2589)
    at S (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:3:534)
    at r.fn.init.data (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:3:2539)
    at HTMLDivElement.<anonymous> (http://192.168.100.1:8083/fhem/ftui/js/widget_chart.js:4205:11)
    at Function.each (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:2:2815)
    at r.fn.init.each (http://192.168.100.1:8083/fhem/ftui/lib/jquery.min.js:2:1003)
    at Object.init (http://192.168.100.1:8083/fhem/ftui/js/widget_chart.js:4159:16)
    at http://192.168.100.1:8083/fhem/ftui/js/fhem-tablet-ui.js:1393:36 undefined
r.Deferred.exceptionHook @ jquery.min.js:2
k @ jquery.min.js:2
setTimeout (async)
(anonymous) @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
fire @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
f.(anonymous function) @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
f.(anonymous function) @ jquery.min.js:2
script.onload @ fhem-tablet-ui.js:1434

OGOL · 08 Dezember 2017, 16:55:34

Gleiches verhalten wie bei Eisix auch auf meinem System.

Code Auswählen

Try to init plugin: chart
fhem-tablet-ui.js:1845:13
Function: widget_chart.init_attr > Attributes initialized with 0.29791666666666666-0.7020833333333333
fhem-tablet-ui.js:1845:13
Function: widget_chart.init > Module initialized with width: 93% height: 0
fhem-tablet-ui.js:1845:13
jQuery.Deferred exception: a.replace is not a function camelCase@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:2630
get@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:3:1066
data/<@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:3:2587
S@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:3:532
data@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:3:2539
init/<@http://192.168.100.11:8086/fhem/ftui/js/widget_chart.js:4206:18
each@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:2813
each@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:1001
init@http://192.168.100.11:8086/fhem/ftui/js/widget_chart.js:4160:2
loadPlugin/</<@http://192.168.100.11:8086/fhem/ftui/js/fhem-tablet-ui.js:1393:29
i@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:27978
fireWith@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:28749
j@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:30215
g/</k<@http://192.168.100.11:8086/fhem/ftui/lib/jquery.min.js:2:30262
 undefined
jquery.min.js:2:31515

eki · 08 Dezember 2017, 17:33:32

OK, jetzt weiß ich zumindest woran es liegt. Offensichtlich hat das chart mit der jquery version, die mit FTUI kommt (im Verzeichnis lib der FTUI distribution) Probleme. Ich habe bei mir immer die jquery Version eingebunden, die mit FHEM mitkommt (die liegt unter ../pgm2/jquery.min.js) und damit gibt es keine Probleme.
Ihr könnt mal versuchen die folgende Zeile

Code Auswählen

<script type="text/javascript" src="../pgm2/jquery.min.js"></script>
über der Zeile

Code Auswählen

<script src="js/fhem-tablet-ui.js" defer></script>
in Eure HTML einzufügen, dann sollte es wieder gehen.

Offensichtlich reagiert die jquery Version, die mit FTUI mitkommt etwas anders auf bestimmte Dinge als die, die mit FHEM mitkommt.

Ich habe das konkrete Problem jetzt mal behoben und die Lösung hier angehängt. Allerdings denke ich, dass man das Zusammenspiel mit der FTUI jquery Version noch weiter testen muss bevor man das an alle verteilen kann. Dabei dürft Ihr gerne helfen, indem Ihr die angehängte chart Version in Eurer Umgebung tested und mir meldet wenn es Probleme gibt.

OGOL · 08 Dezember 2017, 18:04:39

Jetzt ist wieder alles OK

Danke für die schnelle Reaktion und fürs Debugging

viegener · 10 Dezember 2017, 14:12:59

Kann das bei mir auch bestätigen, mit der angehängten Version laufen die tablet-Seiten wieder - hatte mich schon selber ans debuggen gemacht.

Wann kommt die Version ins update?

setstate · 10 Dezember 2017, 15:42:17

Fix ist gemerged und per update verfügbar. Vielen Dank

Eine Frage in eigener Sache habe ich noch:

Wie kann man verhindern, dass unterhalb des min-Wertes gezeichnet wird? Beim Türöffnen geht die Desired-Temp auf 7°C. Ich will aber die Skalierung nicht soweit auseinander ziehen. Sie ist jetzt 19°-24°

Code Auswählen


       <div class="normal"
         data-type="chart"
         data-device="WohnzimmerHeizung"
         data-logdevice='["FileLog_KuechenHeizung","FileLog_KuechenHeizung","FileLog_KuechenHeizung"]'
         data-columnspec='["4:ist-get","4:soll-get","4:stellgroesse-get"]'
         data-style='["ftui l0fill","ftui l2dot","ftui l2dash"]'
         data-ptype='["lines","histeps","histeps"]'
         data-uaxis='["primary","primary","secondary"]'
         data-legend='["Measured", "Desired", "Valve"]'
         data-yunit="°C"
         data-ytext="Temperature"
         data-minvalue="19"
         data-maxvalue="24"
         data-yunit_sec="%"
         data-ytext_sec="Percentage"
         data-yticks="auto"
         data-minvalue_sec="0"
         data-maxvalue_sec="100"
         data-daysago_start="0"
         data-daysago_end="-1"
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-height="220px"
         data-showlegend="true"
         data-xticks="auto">
    </div>

eki · 11 Dezember 2017, 10:24:27

Auch vielen Dank fürs Übernehmen.

Das mit dem Zeichnen unterhalb des min Wertes sollte eigentlich nicht passieren. Ich habe es gerade mal ausprobiert, und bin mal wieder auf ein Problem bezüglich Browser Kompatibilität gestoßen. Beim Firefox tritt es nicht auf, bei Chrome schon, bei Safari kann ich im Moment nicht schauen. Ich werde nach einer Lösung suchen $:-\$ .

eki · 12 Dezember 2017, 08:24:21

Zitat von: setstate am 10 Dezember 2017, 15:42:17
...
Wie kann man verhindern, dass unterhalb des min-Wertes gezeichnet wird? Beim Türöffnen geht die Desired-Temp auf 7°C. Ich will aber die Skalierung nicht soweit auseinander ziehen. Sie ist jetzt 19°-24°
...

Kannst Du bitte mal mit dem angehängten widget_chart.js ausprobieren, ob es das Problem löst (mache jetzt das clipping anders, das scheint dann Browser übergreifend zu funktionieren).

setstate · 12 Dezember 2017, 17:32:16

ja, perfekt. Passt jetzt auch im Safari bei mir.

christian-ruh · 19 Oktober 2018, 18:18:44

Hallo,
ich hab nun auch upgedated und seh keinen Chart mehr.
Erhalte eine Fehlermeldung.
https://imgur.com/mvRorfW
Gibt es da eine Lösung?
Fhem und TabUI sind gestern upgedated worden also alles aktuell.
Nach dem kopieren einer alten widget_chart.js (von 09.06.2017) funktioniert es erstmal wieder.
Über Infos würde ich mich freuen.

Gruß Christian

eki · 20 Oktober 2018, 00:49:37

Siehe https://forum.fhem.de/index.php/topic,91873.msg843703.html#msg843703

christian-ruh · 20 Oktober 2018, 10:47:10

Vielen Dank für die schnelle Hilfe.
Gruß Christian

christian-ruh · 20 Oktober 2018, 17:59:23

Da war ich wohl etwas schnell,
Legende und Achsen werden nun angezeigt und die Fehlermeldung ist weg.
Allerdings wird kein Graph angezeigt, der Min.- und Maxwert schon.
Nach wie vor gilt, mit widget_chart.js vom 09.06.2017 funktioniert es.
Noch eine Idee?

Gruß Christian

eki · 22 Oktober 2018, 05:16:14

Poste mal bitte Deine Chart Definition hier (html mit <div type="chart"...)