Chart Widget Höhe geht nicht mit %

Begonnen von Nixfaenger, 24 Februar 2017, 21:30:44

Vorheriges Thema - Nächstes Thema

Nixfaenger

Hallo zusammen,

igendwie klappt bei mir die Einstellung der Chart-Höhe mit "data-height" nicht.

hier meine definition:
            <li data-row="1" data-col="1" data-sizex="7" data-sizey="2">
               <div data-type="chart"
                     data-logdevice="myDbLog"
                     data-logfile="HISTORY"
                     data-columnspec='["Wohnzimmer.Thermostat_Climate:humidity","Wohnzimmer.Thermostat_Climate:measured-temp","Wohnzimmer.Fenster:state:::$val=($val=~\\x22open\\x22?100:0)","Wohnzimmer.Ventil1_Clima:ValvePosition"]'
                     data-style='["ftui l5","ftui l2","ftui l1","ftui l0"]'
                     data-ptype='["lines","lines","steps","lines"]'
                     data-uaxis='["primary","secondary","primary","primary"]'
                     data-legend='["Luftfeuchtigkeit","Temperatur","Fenster","Ventile"]'
                     data-yunit='["%"]'
                     data-ytext='["Luftfeuchtigkeit"]'
                     data-minvalue="0"
                     data-maxvalue="100"
                     data-minvalue_sec="5"
                     data-maxvalue_sec="35"
                     data-yunit_sec="°C"
                     data-ytext_sec='["Temperatur"]'
                     data-width="auto"
                     data-height="auto"
                     data-yticks="auto"
                     data-yticks_sec="auto"
                     data-daysago_start="now"
                     data-daysago_end="now"
                     data-nofulldays="true"
                     data-daysago_start="now"
                     data-daysago_end="now"
                     data-nofulldays="true"
                     data-cursorgroup="1"
                     data-scrollgroup="1"
                     data-xticks="auto">
               </div>
            </li>


wenn ich data-width="auto" und data-height="auto" setze sieht das so aus wie auf Bild1
mit data-width="100%" und data-height="100%" wie auf Bild2
mit data-width="100%" und data-height="400px" wie auf Bild3 bekomme ich es zwar irgendwie hin aber ich verliere dadurch die flexibilität von gridster.

Hat mir eine/einer von euch nen Tip was ich falsch mache?

Grüße, Stephan


eki

Ohne die Angabe von width und height aber mit der Klasse 'fullsize' für das chart (class='fullsize' innerhalb des div) sollte das besser gehen.