Chart ohne Funktion

tobi03 · 05 Juni 2018, 23:15:38

so ich hab jetzt nochmal ein bisschen rumgebastelt und hab ein einfaches chart geschrieben. das chart wird angezeigt aber keiner werte

ich poste euch mal den aktuellen html stand. habe unterschiedliche beispiele gefunden und beide verbastelt, einmal mit Feinstaubsensor und einmal mit DHT22

Code Auswählen

<!DOCTYPE html>
<html>

<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.5.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

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

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


    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>

<body>

    <div class="gridster">
        <ul>

             <li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
             <header>Wetterstation</header>
             <div>Temperatur</div>
             <div data-type ="label"
              data-device="ESPEasy_Aussenstation_DHT22"
              data-get="Temperatur"
              data-unit="&deg;C"></div>


              <div>Luftfeuchtigkeit</div>
              <div data-type ="label"
              data-device="ESPEasy_Aussenstation_DHT22"
              data-get="Luftfeuchtigkeit"
              data-unit="%"></div>

             <div>Luftdruck</div>
              <div data-type ="label"
              data-device="ESPEasy_Aussenstation_BMP280"
              data-get="Luftdruck"
              data-unit="hp"></div>



<div data-type ="chart"
data-logdevice="ESPEasy_Aussenstation_Feinstaub"
data-columnspec="4:Feinstaub"
data-style ="ftui l1dot"
data-ptype ="lines"
data-uaxis ="primary"
data-legend="Feinstaub mg³"
data-yunit="mg"
data-ytext ="Feinstaub"
data-minvalue ="auto"
data-maxvalue ="auto"
data-height ="250"
data-yticks="auto"
data-nofulldays="true"
data-daysago_start ="-5H"
data-daysago_end="-22H"
data-cursorgroup="1"
data-scrollgroup="1"
data-xticks="auto"

</div>

<div data-type ="chart"
data-device="ESPEasy_Aussenstation_DHT22"
data-logdevice="FileLog_Temperatur"
data-logfile="-"
data-Columnspec="4:Temperatur"
data-style ="ftui 1ldot"
data-ptype ="lines"
data-uaxis ="primary"
data-legend="Temperatur C°"
data-yunit="C°"
data-ytext ="Temperatur"
data-minvalue ="auto"
data-maxvalue ="auto"
data-height = "250"
data-yticks ="auto"
data-nofulldays ="true"
data-daysago_start ="-5H"
data-daysago_end ="-22H"
data-cursorgroup ="1"
data-scrollgroup ="1"
data-xticks ="auto"

</div>



            </div>

</div>
</div>
</div>
</li>

        </ul>
    </div>
</body>

</html>

amenomade · 06 Juni 2018, 07:16:22

Code Auswählen

data-logdevice="ESPEasy_Aussenstation_Feinstaub"
Das ist falsch. ESPEasy_Aussenstation_Feinstaub ist kein Log Device, sondern ein ESPeasy Device

Zitat von: tobi03 am 04 Juni 2018, 22:32:17
Code Auswählen Erweitern
Internals: DEF 192.168.178.89 80 Wetterstation Aussenstation_Feinstaub (...) NAME ESPEasy_Aussenstation_Feinstaub (...) SUBTYPE device TYPE ESPEasy

Richtig wäre:

Code Auswählen

data-device="ESPEasy_Aussenstation_Feinstaub"
data-logdevice="<FileLog Device>"

"FileLog Device": wie auch immer dein Device heisst, wo die Werte gespeichert werden. Kein Dateiname, sondern ein Devicename. Laut Antwort #4 ist ein Filelog Device "Feinstaub" in "probably associated with" zu sehen. Wahrscheinlich das richtige, also:

Code Auswählen

data-logdevice="Feinstaub"

tobi03 · 06 Juni 2018, 17:42:51

Du bist ein Genie

genau daran lag es. Ich war mir nicht sicher was ich dort eintragen muss, aus dem Beispiel im Wiki konnte ich es auch nicht rauslesen.
jetzt funktioniert es und ich bekomme linien angezeigt. Super vielen Dank

FHEM Forum

Chart ohne Funktion

tobi03

amenomade

tobi03