Chart lädt nicht, Seite lädt nicht

Begonnen von rasti, 28 März 2016, 09:34:36

Vorheriges Thema - Nächstes Thema

eki

hast Du das data-dosort drin? Falls ja, nimm es mal wieder raus.

AKL

Hallo,

das Chart Widget hat bei mir seit heute das selbe Problem verursacht. Habe ein Update mit neuem js und css gemacht. Chart läuft wieder.

Habe mein Chart "Visualisierung Heizung" mit "class="noticks"" versehen, nun werden die Daten angezeigt, aber keine Koordinaten dazu.

Gruß
Andreas

eki

noticks heißt ja auch dass keine Beschriftung gemacht werden soll.

eki

Zitat von: Waldmensch am 28 März 2016, 12:49:31
Mit der neuen Version scheint es bei mir zu funktionieren. Allerdings ist die Beschriftung der X Achse ins Diagramm gerutscht. Habe JS und CSS in die Verzeichnisse kopiert und mit CTRL + F5 Reload erzwungen. Getestet in FF und Chrome. Änderung von data-height bringt nichts, ausser das das Diagram kleiner wird. Die Beschriftung bleibt aber im Datenbereich

Kannst Du mir dazu mal die Konfiurationseinstellungen posten?

rasti

Zitat von: eki am 28 März 2016, 15:16:27
noticks heißt ja auch dass keine Beschriftung gemacht werden soll.
naja aber bei NORMAL zeigt mir Tablet UI aber gar nichts an... :-\

Ich hab nun in hoffnungsvoller Erwartung ein Update von FHEM und Tablet UI gemacht,
dann ging aber erstmal gar nichts mehr unter Tablet UI...

Habe dann wieder meine alte Tablet UI CSS und die beiden Chartspezifischen css /js Dateien genommen,
nun sehe ich im Stromverbrauchschart nichts, wenn ich class=Normal mache und den
Graph ohne Beschriftung, wenn ich class=noticks nehme.

Unter Android gibt überhaupt nur Chrome einen Chart aus,
andere (Fullscreen-)Browser (Boat und Maxthon hab ich probiert) hängen sich auf
oder zeigen nichts an. Unter Windows 10 hab ich Firefox, der schlägt sich ähnlich
gut oder schlecht wie Chrome unter Android. Vorher ging es jedenfalls mit den
einfachsten Android-Browsern, ich frag mich warum das nun nicht mehr geht ?

Ich hab zwar nur 5 Seiten wo Charts drauf sind und könnte die ändern,
ich weiss aber momentan nicht, was ich da anfassen muss oder gerade falsch mache  :'(

Schöne Grüße

Ralf

knopf_piano

Zitat von: eki am 28 März 2016, 14:37:42
hast Du das data-dosort drin? Falls ja, nimm es mal wieder raus.

css/js hab ich wie angedeutet aktualisiert.

das ganze scheint browser-abhängig zu sein

dosort hat ich rausgenommen
- opera mobil-gerät: funkioniert
- firefox-ubuntu: kreuz-quer-graph -> funktioniert nicht.
- opera-ubuntu: kreuz-quer-graph -> funktioniert nicht.
- webviewcontrol: keine Anzeige -> funktioniert nicht.

noticks raus:
- mobilgerät: keine Anzeige -> funktioniert nicht
- firefox-ubuntu: unteres drittel abgeschnitten (kein graph)
- opera-ubuntu: kreuz-quer-graph -> funktioniert nicht.
- webviewcontrol: keine Anzeige -> funktioniert nicht.

webviewcontrol läuft auf tablet in küche -> am meisten beäugt.
Von daher isses mir hier am wichtigsten...



zotac nano mit proxmox und ganz viel zeug drauf

knopf_piano

Chrome mobil identisch der kreuzquer darstellung wie in opera. data sort is draußen
zotac nano mit proxmox und ganz viel zeug drauf

knopf_piano

Zitat von: knopf_piano am 28 März 2016, 15:49:19
Chrome mobil identisch der kreuzquer darstellung wie in opera. data sort is draußen
Also eher so, nachdem ich unterschiedliche browser probiert hab...
- wird nur mit noticks angezeigt.
- entweder unteres drittel fehlt oder kreuzquer graph.
zotac nano mit proxmox und ganz viel zeug drauf

eki

Kannst Du mal data-xticks="auto" setzen.

knopf_piano

zotac nano mit proxmox und ganz viel zeug drauf

Waldmensch

Zitat von: eki am 28 März 2016, 15:25:46
Kannst Du mir dazu mal die Konfiurationseinstellungen posten?

Klar:
<li data-row="5" data-col="4" data-sizex="4" data-sizey="1">

<div data-type="chart"
                  data-logdevice='["logdb","logdb"]'
                  data-columnspec='["MySHM:PV:::","MySHM:TotalConsumption:::"]'
  data-style='["ftui l0","ftui l2fill"]'
                  data-minvalue="auto"
                  data-maxvalue="auto"
                  data-height="125"
                  data-width="450"
                  class="nobuttons fullsize">
                </div>

</li>

rasti

Zitat von: eki am 28 März 2016, 16:40:29
Kannst Du mal data-xticks="auto" setzen.

Bei mir sieht das dann so aus :
Firefox / Windows 10 : Darstellung in Ordnung, aber Graph ist zu groß, so dass Achsenbeschriftung in Graph reinragt
Chrome / Android      : dito
Boat / Android : nichts zu sehen, Browser hängt
Maxthon / Android : nichts zu sehen, Browsen möglich

Gruss

Ralf

eki

noch ne Frage: Wie verhält sich das Ganze, wenn Ihr einmal nach rechts und dann wieder nach links verschiebt?

rasti

Zitat von: eki am 28 März 2016, 17:08:51
noch ne Frage: Wie verhält sich das Ganze, wenn Ihr einmal nach rechts und dann wieder nach links verschiebt?
das funktioniert ganz normal (bei den OS/Browser-Kombinationen bei denen man überhaupt was sieht)

Gruss

Ralf

knopf_piano

weiter rumprobiert mit neuen css/js:
- Anzeige geht nur mit class="noticks"

dann (immer browser-cache gelöscht)
- ubuntu-firefox: n.i.o.: unteres drittel fehlt
- ubuntu-opera: ok
--
- mobil-webviewcontrol: n.i.o.: keine Anzeige
- mobli-firefox:  n.i.o.: unteres drittel fehlt
- mobil-opera: n.i.o.: keine Anzeige

kreuzquer-graph hatt ich jetzt nicht mehr (vermutung: browser-cache... ?!?? :-\)

cfg:

<li data-row="3" data-col="2" data-sizex="9" data-sizey="3">
    <div class=" noticks"
         data-type="chart"
         data-device="Stromzaehler"
         data-logdevice='["FileLog_Stromzaehler","FileLog_Stromzaehler","FileLog_Stromzaehler"]'
         data-columnspec='["4:power","5:statEnergyLast","4:kWh"]'
         data-style='["ftui l2","ftui l1fill","ftui l3fill"]'
         data-ptype='["lines","histeps","lines"]'
         data-uaxis='["secondary","secondary","primary"]'
         data-legend='["Leistung aktuell", "Leistung/Std", "Gesamt kWh"]'
         data-yunit=""
         data-ytext="Energie [kWh]"
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec="W"
         data-ytext_sec="Leistung"
         data-yticks="auto"
         data-minvalue_sec="0"
         data-maxvalue_sec="auto"
         data-daysago_start="0"
         data-daysago_end="-1"
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="true"
         data-xticks="auto"
         data-height="200">
    </div>   

    <div class=" noticks"
         data-type="chart"
         data-device="Gasverbrauch"
         data-logdevice='["FileLog_Gaszaehler_HM","FileLog_GasConsumptionStatstic_HM","FileLog_Gaszaehler_HM"]'
         data-columnspec='["4:gasPower","4:statGasVolumeTotalHourLast","4:gasVolumeTotal"]'
         data-style='["ftui l2","ftui l1fill","ftui l4fill"]'
         data-ptype='["lines","histeps","lines"]'
         data-uaxis='["secondary","secondary","primary"]'
         data-legend='["m³ aktuell"," m³/Std","Gesamt m³"]'
         data-yunit=""
         data-ytext="Gesamt m³"
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec="m³"
         data-ytext_sec="m³"
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="0"
         data-daysago_end="-1"
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="true"
         data-xticks="auto"
         data-height="200">
    </div>
</li>
zotac nano mit proxmox und ganz viel zeug drauf