Herausfinden warum Diagramme nicht angezeigt werden

[henfri]

Hallo,

ich habe eine Seite mit den Temperaturverläufen (und Heizungsstellwerten). Auf dieser Seite werden von 14 Diagrammen nur zwei angezeigt.
Ich vermute, dass Items nicht existieren.

Leider zeigt plot.period ja das ganze Diagramm nicht an, wenn ein Item keinen Wert zurückliefert.
Wie finde ich am einfachsten meine Fehler?

Ich nutze noch die 2.8.

Gruß,
Hendrik

[smai]

In der Entwicklungskonsole deines Browsers (F12 drücken) kannst du im Register Network die Websocket-Verbindung suchen und dort schauen, was von SHNG gesendet wird.

Im develop branch ist das übrigens geändert, dort wird das Diagramm auch ohne Daten angezeigt.

[henfri]

Hallo,

das ist gut (dass es geändert wird).
Aber wenn ich sehe, was von SHNG gesendet wird, weiß ich ja noch nicht, was jetzt für das Problem sorgt.
(Ich muss dann noch Item für Item durchgehen, durch zwei lange Listen, die unterschiedlich sortiert sind)
Oder übersehe ich etwas?

Gruß,
Hendrik

[smai]

Das Durchgehen lässt sich tatsächlich nicht vermeiden. Du siehst so aber, zu welchen Items Daten ankommen.
Ich sehe bei dieser Architektur keine sinnvolle Möglichkeit, fehlende Daten zu erkennen.

[henfri]

ok danke

[henfri]

Hallo nochmal,

F12 hat's schon gelöst...
Die Diagramme wurden nämlich dargestellt, aber mit riesigem Abstand zueinander. Nachdem ich F12 gedrückt habe waren sie da (und größer. vorher stark verkleinert).

Woran kann das liegen?

/** *
-----------------------------------------------------------------------------
* @package smartVISU * @author Niko Will * @copyright 2013 * @license
GPL
<http: //www.gnu.de>
 * -----------------------------------------------------------------------------
 */


{% extends "rooms.html" %}


{% block title %}
Heizung
{% endblock %}

{% block header %}
<img class="icon" src='{{ icon0 }}sani_heating.svg' />
{% endblock %}

{% block content %}
{% import "widget_list.html" as list %}
    <div id="navbar1" class="nw_tab-header ui-min" data-role="navbar" data-tab-selection="tab0">
        <ul>
            <li><a href="#" data-tab-class="tab0" class="ui-btn-active">Übersicht</a></li>
            <li><a href="#" data-tab-class="tab1">Ofen</a></li>
            <li><a href="#" data-tab-class="tab2">Erdgeschoss</a></li>
            <li><a href="#" data-tab-class="tab3">Obergeschoss</a></li>
        </ul>
    </div>
<div id="tab-content1" class="nw_tab-content">
    <div class="tab0">
     {{ basic.float('float1', 'og.Schlafzimmer.heizung.ist.age') }} 
        <h3>Übersicht EG</h3> {{plot.temprose('temprose_eg',
        ['eg.Flur.heizung.soll','eg.Gaeste.heizung.soll','eg.Gaestebad.heizung.soll','eg.Kueche.heizung.soll','eg.Wohnzimmer.heizung.soll','eg.Arbeit.heizung.soll'],
        ['eg.Flur.heizung.ist','eg.Gaeste.heizung.ist','eg.Gaestebad.heizung.ist','eg.Kueche.heizung.ist','eg.Wohnzimmer.heizung.ist','eg.Arbeit.heizung.ist'],
        ['Flur','Gaeste','Gaestebad','Kueche','Wohnzimmer','Arbeit'])}}
        <h3>Übersicht OG</h3> 
        {{plot.temprose('temprose_og',
        ['og.Elternbad.heizung.soll','og.Schlafzimmer.heizung.soll','og.Flur.heizung.soll','og.Kinderbad.heizung.soll','og.Lina.heizung.soll','og.Till.heizung.soll'],
        ['og.Elternbad.heizung.ist','og.Schlafzimmer.heizung.ist','og.Flur.heizung.ist','og.Kinderbad.heizung.ist','og.Lina.heizung.ist','og.Till.heizung.ist'],
        ['Elternbad','Schlafzimmer','Flur','Kinderbad','Lina','Till' ])}}
    </div>
    <div class="tab1 ui-screen-hidden">
        <h3>Ofen</h3>
        {{plot.period('Ofen',['Lohberger.KesselT_IST','Lohberger.KesselT_SOLL'],'avg','12h','','','','',['Kessel Ist','Soll'],['#FF9900','#66FF66'],'','','12h')}}
        {{plot.period('Ofen_aus',['Lohberger.Kessel_AUS_T','Lohberger.Kessel_EIN_T'],'avg','12h','','','','',['Kessel Aus T','Kessel Ein T'],['#FF9900','#66FF66'],'','','12h')}}
        {{plot.period('Ofen.Flamm',['Lohberger.FlammT_IST','Lohberger.FlammT_SOLL'],'avg','12h','','','','',['Flamm Ist','Soll'],['#FF9900','#66FF66'],'','','12h')}}
        {{plot.period('Ofen.Andere_temp',['Lohberger.BackrohrT_IST','Lohberger.RueckbrandT_IST'],'avg','12h','','','','',['Backrohr Ist','Rückbrand Ist'],['#FF9900','#66FF66'],'','','12h')}}
        {{plot.period('Ofen.I',['Lohberger.I_Backrohr_IST', 'Lohberger.I_Rueckbrand_IST'],'avg','12h','','','','',['I Backrohr','I Rueckbrand '],['#FF9900','#66FF66'],'','','12h')}}
        {{plot.period('Ofen.Leistung',['Lohberger.Leistungsstufe_IST', 'Lohberger.Leistungsstufe_PID', 'Lohberger.Funktion_PID'],'avg','12h','','','','',['Leistungsstufe','Leistungsstufe PID', 'Funktion_PID'],['#FF9900','#66FF66','#66FF00'],'','','12h')}}        
        {{plot.period('Ofen.State',['Lohberger.MainState','Lohberger.SubState','Lohberger.GrateState','Lohberger.FlapState','Lohberger.FlapChangeState'],'avg','12h','','','','',['MainState','SubState','GrateState','FlapState','FlapChangeState'],['#FF9900','#66FF66','#66FF00','#660066','#660000'],'','','12h')}}
        {{plot.period('Ofen.State1',['Lohberger.Zuendung',    'Lohberger.Tuer',    'Lohberger.Extern',    'Lohberger.STB'],'avg','12h','','','','',['Zuendung',    'Tuer',    'Extern',    'STB'],['#FF9900','#66FF66','#66FF00','#660066'],'','','12h')}}
        {{plot.period('Ofen.State2',['Lohberger.Rostkontakt',    'Lohberger.Rostmotor',     'Lohberger.Rostmotor_pos',    'Lohberger.SH',    'Lohberger.Pumpe',    'Lohberger.Luftklappe'],'avg','12h','','','','',['Rostkontakt',    'Rostmotor',     'Rostmotor_pos',    'SH',    'Pumpe',    'Luftklappe'],['#FF9900','#66FF66','#66FF00','#660066','#AAFF00','#66BB66'],'','','12h')}}
    </div>

    <div class="tab2 ui-screen-hidden">
        <div class="block">
            <div class="set-3" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">

                <div data-role="collapsible" data-collapsed="false">
            <h3>Schuppen</h3> 
                {{plot.period('eg_1_1.Schuppen.heizung',['eg.Schuppen.heizung.ist','eg.Schuppen.heizung.soll'],'avg','12h','','','','',['Ist','Soll'],['#FF9900',
                '#66FF66'],'','','12h')}}
                {{plot.period('eg_2_2.Schuppen.heizung','eg.Schuppen.heizung.stellwert','avg','12h')}}
                </div>

                <div data-role="collapsible">
            <h3>Flur</h3>
                {{plot.period('eg_1.Flur.heizung',['eg.Flur.heizung.ist','eg.Flur.heizung.soll'],'avg','12h','','','','',['Ist','Soll'],['#FF9900',
                '#66FF66'],'','','12h')}}
                {{plot.period('eg_2.Flur.heizung','eg.Flur.heizung.stellwert','avg','12h')}}
                </div>

                <div data-role="collapsible">
                <h3>Gaestebad</h3>
                {{plot.period('eg_1.Gaestebad.heizung',['eg.Gaestebad.heizung.ist','eg.Gaestebad.heizung.soll'],'avg','12h','','','','',['Ist','Soll'],['#FF9900',
                '#66FF66'],'','','1h')}}
                {{plot.period('eg_2.Gaestebad.heizung','eg.Gaestebad.heizung.stellwert','avg','12h')}}
                </div>

                <div data-role="collapsible">
                <h3>Kueche</h3>
                {{plot.period('eg_1.Kueche.heizung',['eg.Kueche.heizung.ist','eg.Kueche.heizung.soll','eg.Kueche.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
                '#66FF66','#6633FF'],'','','12h')}}
                {{plot.period('eg_2.Kueche.heizung','eg.Kueche.heizung.stellwert','avg','12h')}}
                
                {{bmx_plot.period_multiaxes('eg_1.Kueche123.heizung',['eg.Kueche.heizung.ist','eg.Kueche.heizung.soll','eg.Kueche.heizung.estrich','eg.Kueche.heizung.stellwert'],'avg','12h','','','','',
                ['Ist','Soll','Estrich','Stellwert'],
                ['#FF9900','#66FF66','#6633FF','#663000'],'','','12h',
                [0,0,0,1],
                [0,1], 
                ['#FF9900','#663000'] )}}
                </div>

                <div data-role="collapsible">            
                
                <h3>Esszimmer</h3>
                {{plot.period('eg_1.Esszimmer.heizung',['eg.Esszimmer.heizung.ist','eg.Esszimmer.heizung.soll'],'avg','12h','','','','',['Ist','Soll'],['#FF9900',
                '#66FF66'],'','','12h')}}
                {{plot.period('eg_2.Esszimmer.heizung','eg.Esszimmer.heizung.stellwert','avg','12h')}}
                </div>

                <div data-role="collapsible">
                <h3>Wohnzimmer</h3>
                {{plot.period('eg_1.Wohnzimmer.heizung',['eg.Wohnzimmer.heizung.ist','eg.Wohnzimmer.heizung.soll','eg.Wohnzimmer.heizung.estrich'],'avg','96h','','','','',['Ist','Soll','Estrich'],['#FF9900',
                '#66FF66','#6633FF'],'','','96h')}}
                {{plot.period('eg_2.Wohnzimmer.heizung','eg.Wohnzimmer.heizung.stellwert','avg','96h')}}
                </div>

                <div data-role="collapsible">
                <h3>Arbeit</h3>
                {{plot.period('eg_1.Arbeit.heizung',['eg.Arbeit.heizung.ist','eg.Arbeit.heizung.soll','eg.Arbeit.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
                '#66FF66','#6633FF'],'','','12h')}}
                {{plot.period('eg_2.Arbeit.heizung','eg.Arbeit.heizung.stellwert','avg','12h')}}
                </div>

                <div data-role="collapsible">
                <h3>Gaeste</h3>
                {{plot.period('eg_1.Gaeste.heizung',['eg.Gaeste.heizung.ist','eg.Gaeste.heizung.soll','eg.Gaeste.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
                '#66FF66','#6633FF'],'','','12h')}}
                {{plot.period('eg_2.Gaeste.heizung','eg.Gaeste.heizung.stellwert','avg','12h')}}
                </div>
            </div>  
        </div>
    </div>

    
    <div class="tab3 ui-screen-hidden">
            <h3>Till</h3>
            {{plot.period('og_1.Till.heizung',['og.Till.heizung.ist','og.Till.heizung.soll','og.Till.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
            '#66FF66','#6633FF'],'','','12h')}}
            {{plot.period('og_2.Till.heizung','og.Till.heizung.stellwert','avg','12h')}}
            <h3>Lina</h3>
            {{plot.period('og_1.Lina.heizung',['og.Lina.heizung.ist','og.Lina.heizung.soll','og.Lina.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
            '#66FF66','#6633FF'],'','','12h')}}
            {{plot.period('og_2.Lina.heizung','og.Lina.heizung.stellwert','avg','12h')}}
            <h3>Elternbad</h3>
            {{plot.period('og_1.Elternbad.heizung',['og.Elternbad.heizung.ist','og.Elternbad.heizung.soll','og.Elternbad.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
            '#66FF66','#6633FF'],'','','1200h')}}
            {{plot.period('og_2.Elternbad.heizung','og.Elternbad.heizung.stellwert','avg','12h')}}
            <h3>Badheizkoerper</h3>
            {{plot.period('og_1.Badheizkoerper.heizung',['og.Badheizkoerper.heizung.ist','og.Badheizkoerper.heizung.soll'],'avg','12h','','','','',['Ist','Soll'],['#FF9900',
            '#66FF66'],'','','12h')}}
            {{plot.period('og_2.Badheizkoerper.heizung','og.Badheizkoerper.heizung.stellwert','avg','12h')}}
            <h3>Schlafzimmer</h3>
            {{plot.period('og_1.Schlafzimmer.heizung',['og.Schlafzimmer.heizung.ist','og.Schlafzimmer.heizung.soll','og.Schlafzimmer.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
            '#66FF66','#6633FF'],'','','12h')}}
            {{plot.period('og_2.Schlafzimmer.heizung','og.Schlafzimmer.heizung.stellwert','avg','12h')}}
            <h3>Kinderbad</h3>
            {{plot.period('og_1.Kinderbad.heizung',['og.Kinderbad.heizung.ist','og.Kinderbad.heizung.soll','og.Kinderbad.heizung.estrich'],'avg','12h','','','','',['Ist','Soll','Estrich'],['#FF9900',
            '#66FF66','#6633FF'],'','','12h')}}
            {{plot.period('og_2.Kinderbad.heizung','og.Kinderbad.heizung.stellwert','avg','12h')}}
            <h3>Flur</h3>
            {{plot.period('og_1.Flur.heizung',['og.Flur.heizung.ist','og.Flur.heizung.soll'],'avg','12h','','','','',['Ist','Soll'],['#FF9900',
            '#66FF66'],'','','12h')}}
            {{plot.period('og_2.Flur.heizung','og.Flur.heizung.stellwert','avg','12h')}}
            {{
            plot.multi_period('og_2.Flur.heizung',['og.Flur.heizung.ist','og.Flur.heizung.soll'],
            'max', '24h', 0, [0, 0], [20, 100], '', ['Spannung', 'Füllstand'],
            '', ['', ''], ['', 'V', '%'], [1, 2]) }}
    </div>
        {% endblock %}

Tatsächlich reicht schon ein F11 (Vollbild). Wenn ich wieder zurück in die normale Ansicht gehe, bleibt das Diagramm groß.

Gruß,
Hendrik

[smai]

Kann es etwas mit den Tabs zu tun haben? Ich kenne diese nw_tab classes nicht.

[henfri]

Hallo,

das kann sein. Die nw_tab kommen aus dem Homeserver Layout.

Gruß,
Hendrik