Chart lädt nicht, Seite lädt nicht

rasti · 30 März 2016, 20:56:06

Zitat von: knopf_piano am 30 März 2016, 20:24:19
hab noch gemerkt, wenn ich data-yticks="auto" stelle, hab ich in wvc auch das problem, dass nix angezeigt wird.
muss jetzt zeitlich hier abbrechen, aber trotzdem danke für den support hier...

Das war in der Tat auch ein Problem bei mir !

Hier mein Code, der nun auch im ollen Boat-Browser funktioniert.

Code Auswählen


<li data-row="2" data-col="2" data-sizex="6" data-sizey="3" class="semitransparent">
<header><font size="+1">Badezimmer</font></header><BR>
<font size="+1" color="#CC0000">Solltemperatur</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size="+1" color="#DDA400">Isttemperatur </font>
        <div    class="normal" data-type="chart" 
             
                data-logdevice='["FileLog_HM_3CFD66","FileLog_HM_3CFD66"]'
                data-columnspec='["Bad:desired-temp","Bad:measured-temp"]'
                data-style='["ftui l2","ftui l0fill"]'
                data-ptype='["histeps","histeps"]'
                data-uaxis='["primary","secondary"]'
                data-legend='["Soll-Wert","Ist-Wert"]'
 	        data-yunit="°C"
                data-ytext=""
                data-minvalue="12"
                data-maxvalue="28"
                data-yunit_sec="°C"
                data-ytext_sec=""
                data-height="200"
                data-yticks="2"
                data-minvalue_sec="12"
                data-maxvalue_sec="28"
                data-nofulldays="true"
                data-daysago_start="0"
                data-daysago_end="-1"
                data-cursorgroup="1"
                data-scrollgroup="1"
                data-xticks="120"
             
></div><BR><BR>
<font size="+1" color="#BBBBBB">Ventilstellung (%)</font>
        <div    class="normal" data-type="chart" 
  
                data-logdevice='["FileLog_HM_3CFD66"]'
                data-columnspec='["Bad:actuator"]'
                data-style='["ftui l1fill"]'
                data-ptype='["lines"]'
                data-uaxis='["primary","secondary"]'
                data-legend='["Ventilstellung"]'
                data-yunit="%"
                data-ytext=""
                data-minvalue="0"
                data-maxvalue="100"
                data-yunit_sec="%"
                data-ytext_sec=""
                data-height="120"
                data-yticks="20"
                data-minvalue_sec="0"
                data-maxvalue_sec="100"
                data-nofulldays="true"
                data-daysago_start="0"
                data-daysago_end="-1"
                data-cursorgroup="1"
                data-scrollgroup="1"
                data-xticks="120"
>



</div>
                                                                                                                                          	
</li>

Wenn man da data-yticks="auto" stellt, wird kein Chart angezeigt.

Jetzt noch der kleine Schönheitsfehler, dass die die Achsenbeschriftung rechts fehlt und die Horizontalunterteilung.

Gruss

Ralf

eki · 31 März 2016, 00:08:12

So, noch ein Korrekturversuch nach den Hinweisen mit yticks="auto". Es liegt eventuell daran, dass mehrere Browser log10 nicht unterstützen (das wird zum automatischen Berechnen der y-Achseneinteilung verwendet), bisher hatte ich gedacht, dass das nur der IE nicht kann.
Bitte ausprobieren, ich habe leider keine Android Browser zum testen.

rasti · 31 März 2016, 10:07:24

Zitat von: eki am 31 März 2016, 00:08:12
So, noch ein Korrekturversuch nach den Hinweisen mit yticks="auto". Es liegt eventuell daran, dass mehrere Browser log10 nicht unterstützen (das wird zum automatischen Berechnen der y-Achseneinteilung verwendet), bisher hatte ich gedacht, dass das nur der IE nicht kann.
Bitte ausprobieren, ich habe leider keine Android Browser zum testen.

Funktioniert ! Vielen Dank !

PS: Ich wollte/mag auch kein Android aber auf irgendeiner erschwinglichen Anzeige muss ich fhem ja anzeigen !

Schöne Grüße

Ralf

Speedy68 · 31 März 2016, 17:52:25

Schließe mich dankend an. Damit funktioniert jetzt Webviewcontrol auch wieder einwandfrei!

knopf_piano · 31 März 2016, 17:57:55

Zitat von: eki am 31 März 2016, 00:08:12
So, noch ein Korrekturversuch nach den Hinweisen mit yticks="auto". Es liegt eventuell daran, dass mehrere Browser log10 nicht unterstützen (das wird zum automatischen Berechnen der y-Achseneinteilung verwendet), bisher hatte ich gedacht, dass das nur der IE nicht kann.
Bitte ausprobieren, ich habe leider keine Android Browser zum testen.

geht auf
android: wvc, fully
ubuntu: ff, opera

DANKE!!!!!
eki, gibt's das bald im git per udpate?

setstate · 31 März 2016, 18:38:17

Welche Version ist nun top? Link? Dann checke ich die gleich ein.

rasti · 31 März 2016, 19:31:46

Zitat von: setstate am 31 März 2016, 18:38:17
Welche Version ist nun top? Link? Dann checke ich die gleich ein.

die letzte aus diesem Thread

https://forum.fhem.de/index.php?action=dlattach;topic=51450.0;attach=49716

Gruß

Ralf

eki · 31 März 2016, 19:32:12

Bitte checke die Version aus:
https://forum.fhem.de/index.php/topic,51450.msg432666.html#msg432666
ein. Hast Du die Pullrequests gesehen, die ich vor ein paar Tagen gemacht habe?

Waldmensch · 31 März 2016, 22:37:01

Die Version aus #60 läuft bei mir 1A. Die, die per Update kommt geht gar nicht. Da kommt nach F5 immer ein "Ein Skript reagiert nicht...."

Screenshot aus der #60, mit Ticks ohne Buttons. Die Beschriftung der X Achse ist auch wieder drunter. (nicht auf die Graphen schauen, das Sunny Portal hat heute verrücktgespielt) Getestet in FF, Chrome auf PC und Opera auf Tablet

setstate · 03 April 2016, 01:18:39

Die neue Version vom Chart Widget ist jetzt auch bei Github verfügbar und damit beim Update mit enthalten

accessburn · 03 April 2016, 15:34:16

Super, merci... läuft alles wieder

Danke!

Andy1981 · 03 April 2016, 16:27:57

Hallo Zusammen,

ich habe momentan noch Probleme mit der Anzeige der Charts im pop-up. Wenn die das pop-up zum ersten mal nach einen Seiten reload öffne, dann wird der Chart nur "gestaucht" am oberen teil des pop-up angezeigt. Wenn ich das pop-up schließe und anschließen wieder öffne, dann wird es richtig angezeigt. Das gleiche Spiel passiert dann wieder wenn die Seite mit F5 neu geladen hab.

Probiert habe ich es mit Opera, Chrome und IE, bei allen Browsern das gleiche verhalten.
In der Konsole bekomme ich beim 1. öffnen folgende Meldungen

Code Auswählen

'SVGElement.offsetWidth' is deprecated and will be removed in M50, around April 2016. See https://www.chromestatus.com/features/5724912467574784 for more details.
jquery.min.js:3 'SVGElement.offsetHeight' is deprecated and will be removed in M50, around April 2016. See https://www.chromestatus.com/features/5724912467574784 for more details.
jquery.min.js:4 Error: Invalid value for <line> attribute x1="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2148(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <line> attribute x2="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2148(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <line> attribute y2="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2148(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <line> attribute y1="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2174(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <line> attribute y2="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2174(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <text> attribute y="NaN"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2332(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <text> attribute transform="rotate(-90 1093.5,NaN)"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2332(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <text> attribute y="NaN"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2392(anonymous function) @ VM160:2796
11jquery.min.js:4 Error: Invalid value for <text> attribute y="NaN"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2424(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <text> attribute y="NaN"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2474(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <rect> attribute height="-Infinity%"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2509(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <rect> attribute y="Infinity%"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2509(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <rect> attribute height="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2519(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <text> attribute y="NaN"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2332(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <text> attribute transform="rotate(-90 11,NaN)"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2332(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <rect> attribute height="-Infinity%"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2509(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <rect> attribute y="Infinity%"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2509(anonymous function) @ VM160:2796
jquery.min.js:4 Error: Invalid value for <rect> attribute height="NaNpx"m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM160:2519(anonymous function) @ VM160:2796

beim 2.mal öffnen gibt es keine Meldungen und alles wird richtig angezeigt.
Nachdem die Charts am 29.03 bei mir nicht mehr funktioniert haben, habe ich die aktuellen Versionen aus dem Thread geladen, seither habe ich das Problem.
Hat von Euch jemand das gleiche Problem?

Anbei Bilder vom 1. und 2. öffnen des pop-up

Gruß Andy

eki · 03 April 2016, 22:14:53

Hast Du auch die Version vom widget_popup.js, die in dem ersten Eintrag dieses Threads enthalten ist?

Andy1981 · 03 April 2016, 22:34:05

Hi, hab die widget_charts.js und widget_popup.js von hier geladen
https://forum.fhem.de/index.php/topic,48450.0.html
Das popup scheint ja auch zu funktionieren, seltsamerweise halt erst nach dem 2. Aufruf

eki · 04 April 2016, 08:58:54

Ich habe beim Testen manchmal schon Probleme mit dem Timing festgestellt, die sich so ähnlich geäußert haben, die ich nicht so ganz verstehe und die auch von allen möglichen Randbedingungen abzuhängen scheinen (Browser, Client HW, ...).
Du könntest mal folgendes machen (nur um zu klären, ob es daran liegen kann):
Öffne die Datei widget_chart.js in einem Editor und gehe zu Zeile 2802, dort müsste folgendes stehen "},100);" Ändere mal die 100 auf 1000, speichere die Datei ab und schau ob sich was verändert (nicht vergessen vorher den Browser cache zu löschen).