Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. Energieanzeige (kWh) über HTML Tabelle - vis

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Energieanzeige (kWh) über HTML Tabelle - vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • liv-in-sky
      liv-in-sky @Oli last edited by liv-in-sky

      @Oli der war nie weg - alle geräte sind der gesamtverbrauch

      Image 3.png

      Image 4.png

      O 1 Reply Last reply Reply Quote 0
      • O
        Oli @liv-in-sky last edited by

        @liv-in-sky

        ich meine die rot markierten Werte

        6c6cc1a6-a8d0-4f72-ad93-74f416c562e6-image.png

        P 1 Reply Last reply Reply Quote 0
        • P
          PatrickFro @Oli last edited by

          @Oli let mitMonatBeforeAnzeige=false; auf true, dann ist der Vormonat wieder dabei

          O 1 Reply Last reply Reply Quote 0
          • P
            PatrickFro @liv-in-sky last edited by

            @liv-in-sky leider keine Änderung, Bilder fehlen weiterhin.

            liv-in-sky 1 Reply Last reply Reply Quote 0
            • O
              Oli @PatrickFro last edited by

              @PatrickFro

              danke, habe ich bei den ganzen Einstellungsmöglichkeiten total übersehen

              1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @PatrickFro last edited by liv-in-sky

                @PatrickFro bei mir gehen die auch im /vis.0/Icons ordner (gerade getestet) - starte mal die vis instanz neu (oder iobroker)- vielleicht cache thema

                Image 5.png

                P 1 Reply Last reply Reply Quote 0
                • P
                  PatrickFro @liv-in-sky last edited by

                  @liv-in-sky Cache hatte ich schon gemacht, nun auch IoBroker neu gestartet. Keine Änderung...

                  liv-in-sky 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @PatrickFro last edited by

                    @PatrickFro

                    anderen ordner - alle files nochmal hochladen - script ändern/anpassen

                    P O 2 Replies Last reply Reply Quote 0
                    • P
                      PatrickFro @liv-in-sky last edited by

                      @liv-in-sky alles gemacht, keine Änderung

                      1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @liv-in-sky last edited by

                        @liv-in-sky

                        Funktioniert bei mir, wie kann ich den Abstand Icon zu Text ändern?

                        Screenshot (2035).png

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • O
                          Oli @liv-in-sky last edited by Oli

                          @liv-in-sky

                          habe auch noch etwas mit den Widgets gespielt, echt cool

                          ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png

                          Materialdesign Widget Table

                          [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"javascript.0.Energieverbrauch.Strom.MaterialWidgetTable","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"12","tableLayout":"card","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"image","textAlign1":"center","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"right","showColumn4":"true","colType4":"text","textAlign4":"right","showColumn5":"true","colType5":"text","textAlign5":"right","showColumn6":"true","colType6":"text","textAlign6":"center","showColumn7":"true","colType7":"text","textAlign7":"right","showColumn8":"true","colType8":"text","textAlign8":"right","showColumn9":"true","colType9":"text","textAlign9":"right","label0":"Gerät","label1":"Bild","label2":"Status","label3":"Strom (A)","label4":"Spannung (V)","label5":"Leistung (W)","label6":"Schalter","label7":"Heute (kWh)","label8":"Monat (kWh)","label9":" Vormonat (kWh)","colorBackground":"#2e2e2e","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowText":"#8f8f8f","dividers":"","borderColor":"#202020","padding_left5":"0","showColumn10":"true","colType10":"text","textAlign10":"right","label10":" Heute (€)","imageSize10":"18","rowHeight":"35","padding_right7":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipemdui-table-ascard-r250-l mdui-table-striped noSwipe","colorRowBackground":"#2e2e2e","padding_right8":"","imageSize1":"20","columnWidth9":"","columnWidth8":"","showColumn11":"true","colType11":"text","textAlign11":"right","showColumn12":"true","colType12":"text","textAlign12":"right","label11":"Monat (€)","label12":"Vormonat (€)"},"style":{"left":"20px","top":"45px","width":"97.69%","height":"286px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
                          

                          Materialdesign Widget Iconlist

                          [{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"jsonStringObject","countListItems":"1","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"vertical","listType0":"text","showValueLabel0":"true","listType1":"text","showValueLabel1":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"json_string_oid":"javascript.0.Energieverbrauch.Strom.MaterialWidget","maxItemsperRow":"7","iconItemMinWidth":"280","iconHeight":"60","buttonHeight":"","labelFontSize":"16","subLabelFontSize":"14","subLabelFontColor":"#8f8f8f","labelFontFamily":"Arial, Helvetica, sans-serif","subLabelFontFamily":"Arial, Helvetica, sans-serif","horizontalIconContainerWidth":"","listImage0":"","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","verticalIconContainerHeight":"80","buttonLayout":"full","itemBackgroundColor":"#2e2e2e","labelFontColor":"#d7cec1"},"style":{"left":"23px","top":"424px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]
                          

                          Änderungen im Script von Zeile 1546 bis Zeile 1575

                          if (!filterArrAusnahme.includes(val0)) {
                                                    
                            mysubText =     `<div>Strom: ${vax3} A</div> 
                                              <div>Spannung: ${vax4} V</div> 
                                              <div>Leistung: ${vax5} W</div>
                                              <div>&ensp; </div>
                                              <div>Heute: ${vax7} kWh</div> 
                                              <div>Monat: ${vax8} kWh</div>
                                              <div>Vormonat: ${vaxMBefore} kWh</div>
                                              <div>&ensp; </div>
                                              <div>Heute: ${vax9} €</div> 
                                              <div>Monat: ${vax10} €</div>
                                              <div>Vormonat: ${vaxKostenBefore} €</div>
                                              <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                              ${vax6}</font></div>`;
                          } else {
                           
                          mysubText =     `     <div style="color: ${farbeMDEinspeisung};  ">EINSPEISUNG Leistung: ${vax5} W</div>
                                                <div>&ensp; </div>  
                                                <div>Heute: ${vax7} kWh</div> 
                                                <div>Monat: ${vax8} kWh</div>
                                                <div>Vormonat: ${vaxMBefore} kWh</div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax9} €</div> 
                                                <div>Monat: ${vax10} €</div>
                                                <div>Vormonat: ${vaxKostenBefore} €</div>
                                                <div>Schalter: ${vax6}</font></div>`;
                                                vaxBckGround="#8A4B08";
                          //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                          }
                           
                          if (vax1.indexOf("GESAMT VirtualPower")>-1) {
                            mysubText =     ` <div>&ensp; </div>
                                              <div>&ensp; </div>
                                              <div>&ensp; </div>
                                              <div>&ensp; </div>
                                              <div>Heute: ${vax7} kWh</div>
                                              <div>Monat: ${vax8} kWh</div>
                                              <div>Vormonat: ${vaxMBefore} kWh</div>
                                              <div>&ensp; </div>
                                              <div>Heute: ${vax9} € </div>
                                              <div>Monat: ${vax10} €</div>
                                              <div>Vormonat: ${vaxKostenBefore} €</div>
                                              <div>&ensp; </div>`;
                           
                          }
                          if (vax1.indexOf("GESAMT")>-1) {
                            mysubText =     ` <div>&ensp; </div>
                                              <div>&ensp; </div>
                                              <div>&ensp; </div>
                                              <div>&ensp; </div>
                                              <div>Heute: ${vax7} kWh</div>
                                              <div>Monat: ${vax8} kWh</div>
                                              <div>Vormonat: ${vaxMBefore} kWh</div>
                                              <div>&ensp; </div>
                                              <div>Heute: ${vax9} € </div>
                                              <div>Monat: ${vax10} €</div>
                                              <div>Vormonat: ${vaxKostenBefore} €</div>
                                              <div>&ensp; </div>`; 
                          }
                          

                          sigi234 liv-in-sky 2 Replies Last reply Reply Quote 0
                          • sigi234
                            sigi234 Forum Testing Most Active @Oli last edited by

                            @Oli sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

                            habe auch noch etwas mit den Widgets gespielt, echt cool

                            Cool, wie sind deine Einstellungen von der Liste?

                            O 1 Reply Last reply Reply Quote 0
                            • O
                              Oli @sigi234 last edited by Oli

                              @sigi234

                              hier das Widget

                              [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"javascript.0.Energieverbrauch.Strom.MaterialWidgetTable","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"10","tableLayout":"card","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"image","textAlign1":"center","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"right","showColumn4":"true","colType4":"text","textAlign4":"right","showColumn5":"true","colType5":"text","textAlign5":"right","showColumn6":"true","colType6":"text","textAlign6":"center","showColumn7":"true","colType7":"text","textAlign7":"right","showColumn8":"true","colType8":"text","textAlign8":"right","showColumn9":"true","colType9":"text","textAlign9":"right","label0":"Gerät","label1":"Bild","label2":"Status","label3":"Strom (A)","label4":"Spannung (V)","label5":"Leistung (W)","label6":"Schalter","label7":"Heute (kWh)","label8":"Monat (kWh)","label9":" Heute (€) ","colorBackground":"#2e2e2e","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowText":"#8f8f8f","dividers":"","borderColor":"#202020","padding_left5":"0","showColumn10":"true","colType10":"text","textAlign10":"right","label10":"Monat (€)","imageSize10":"18","rowHeight":"35","padding_right7":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipemdui-table-ascard-r250-l mdui-table-striped noSwipe","colorRowBackground":"#2e2e2e","padding_right8":"","imageSize1":"20","columnWidth9":"","columnWidth8":""},"style":{"left":"20px","top":"45px","width":"97.69%","height":"286px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
                              

                              Wenn du verschieden Bilder haben möchtest musst du das im Script ändern, hier mal der Code Schnippsel

                              var bild_array = val0.split('/ ');
                                         var bild = bild_array[2]
                                         valMarkeDevice=bild  
                              
                              1 Reply Last reply Reply Quote 1
                              • liv-in-sky
                                liv-in-sky @sigi234 last edited by

                                @sigi234 ja - aber da stimmt noch was nicht - ich werd nochmal das gesamt ansehen müssen - da muss kein schalter stehen - hatte es nicht aktiviert - deshalb ist es mir nicht aufgefallen

                                1 Reply Last reply Reply Quote 0
                                • liv-in-sky
                                  liv-in-sky @Oli last edited by

                                  @Oli sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

                                  @liv-in-sky

                                  habe auch noch etwas mit den Widgets gespielt, echt cool

                                  ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png

                                  Kann ich mir die Gesamtwerte der einzelnen Geräte auch getrennt anzeigen lassen?

                                  kannst du bitte beide widgets in den post setzen - habe ihn im ersten post hierhin verlinkt

                                  O 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky last edited by

                                    so noch eine neue version (post 1) für die material design fan's

                                    • virtpower gesamt bekommt eigene farbe
                                    • gesamt hat eine eigene farbe - keinen schalter und kein strom,spannung oder power mehr
                                    • einspeisung hat eigene farbe bekommen

                                    Image 11.png Image 13.png

                                    neues bildchen: inputk.png

                                    ihr könnt alle settings zurück kopieren und müßt nur auf zeile 20 bis 23 aufpassen

                                    Image 9.png

                                    da kam etwas dazu

                                    O 1 Reply Last reply Reply Quote 0
                                    • O
                                      Oli @liv-in-sky last edited by Oli

                                      @liv-in-sky

                                      ich bräuchte nochmals deine Hilfe.
                                      Ich möchte mir den Gesamtverbrauch nicht in Klammern, sondern als zusätzliche Zeile anzeigen lassen.

                                      In deinem Script habe ich folgendes Versucht jedoch ohne Erfolg, wo habe ich den Fehler?

                                      var val1; var val2; var val0; var val3; var val4; var val5; var val6; var val7; var val8; var val9; var val10; var valStatus; var gesamtE; var gesamtkWh;
                                      
                                      function sammleDaten() { 
                                       //   log(gesamtMonth.toString())
                                                       let anzeigeNuller=3; //log(getState(val0help+".Script_Power").val.toString())
                                                       let anzahlStellen=3;
                                                       let anzahlStellen2=3;
                                                   if((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val).toFixed(3)=="0.000") anzeigeNuller=0; 
                                                   if ((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val).toFixed(3)=="0.000") anzahlStellen=0;
                                                   if ((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(3)=="0.000")  anzahlStellen2=0;    
                                               //    if (!anzeigeNuller){
                                                  val6=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val).toFixed(anzeigeNuller)+" kWh";
                                      
                                                  if (!mitMonatBeforeAnzeige) {
                                                      val7=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(anzahlStellen2)+" kWh"; 
                                                  }else{
                                                      val7=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(anzahlStellen2)+" kWh"
                                                      gesamtkWh=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val).toFixed(anzahlStellen)+" kWh";
                                                  }
                                                  
                                                  val8=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val)*kwhPreis*100)/100).toString()+" €";
                                                  
                                                  if (!mitMonatBeforeAnzeige) {
                                                      val9=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val)*kwhPreis*100)/100).toString()+" €"; 
                                                  }else{
                                                      val9=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val)*kwhPreis*100)/100).toString()+" €"
                                                      gesamtE=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val)*kwhPreis*100)/100).toString()+" €";
                                                  }
                                      
                                      
                                      
                                      
                                      function makeJsonWidget(vax1,vax2,vax3,vax4,vax5,vax6,vax7,vax8,vax9,vax10,vaxMarke,vaxSwitchvar,gesamtE,gesamtkWh) {
                                         /* vax6=vax6.replace(/((ON|OFF))/g,"$1 "); log("---"+vax6) vax6=vax6.replace(/(OFF|ON).+? ((ON|OFF))/,"$3"); log("2222"+vax6)*/
                                           vaxMarke=pfadBilderMaterialWidget+vaxMarke+".png"
                                            let mycolor;
                                             
                                            if (vax1.indexOf("Gesamt")>-1) vax1="<font color=\'"+farbeMDAlleVirtPow+"\'>"+" GESAMT VirtualPower"+"</font>";
                                            if (vax1.indexOf("alle Geräte")>-1) vax1="<font color=\'"+farbeMDGesamtG+"\'>"+" GESAMT"+"</font>";
                                          // log(vax1+ " und "+ vax2 +" und "+vax3 )
                                       
                                         if ( braucheMaterialDesignWidgetTable) {
                                               
                                      if (filterArrAusnahme.includes(val0)) {
                                        
                                          vax1="<font color=\'"+farbeMDEinspeisung+"\'>"+vax1+"</font>";
                                          vaxMarke=pfadBilderMaterialWidget+"inputk"+".png"
                                          mycolor=farbeMDEinspeisung;
                                      }
                                       
                                         myJsonWidget.push({
                                             Device : vax1,
                                             marke : vaxMarke,
                                             Status : vax2,
                                             Strom : vax3,
                                             Spannung : vax4,
                                             Power : vax5,                         
                                             Schalter : vax6,
                                             kWhNow : vax7,
                                             kWhMonat  : vax8,
                                             PreisNow : vax9,
                                             PreisMonat : vax10       
                                         }
                                       
                                         );}
                                       
                                      //	log(myJsonWidget)
                                      if (braucheMaterialDesignWidget) {
                                       
                                       
                                       
                                      let mysubText;
                                       
                                      if (!filterArrAusnahme.includes(val0)) {
                                                                
                                          mysubText =     `<div>Strom: ${vax3} A</div> 
                                                            <div>Spannung: ${vax4} V</div> 
                                                            <div>Leistung: ${vax5} W</div>
                                                            <div>&ensp; </div>   
                                                            <div>Heute: ${vax7} kWh</div> 
                                                            <div>Monat: ${vax8} kWh</div>
                                                            <div>Gesamt: ${gesamtkWh} kWh</div>                      
                                                            <div>&ensp; </div>
                                                            <div>Heute: ${vax9} €</div> 
                                                            <div>Monat: ${vax10} €</div>
                                                            <div>Gesamt: ${gesamtE} €</div>                      
                                                            <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                            ${vax2}</div>`
                                      } else {
                                       
                                          mysubText = `     <div style="color: red; font-family: RobotoCondensed-Regular">EINSPEISUNG</div>
                                                            <div Strom: ${vax3} A</div>
                                                            <div Spannung: ${vax4} V</div> 
                                                            <div Leistung: ${vax5} W</div>
                                                            <div>&ensp; </div>
                                                            <div>Heute: ${vax7} kWh</div> 
                                                            <div Monat: ${vax8} kWh</div>
                                                            <div>Gesamt: ${gesamtkWh} kWh</div>                       
                                                            <div>&ensp; </div>
                                                            <div>Heute:  ${vax9} €</div> 
                                                            <div Monat:  ${vax10} €</div>
                                                            <div>Gesamt: ${gesamtE} €</div>
                                                            <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                            ${vax2}</div>`
                                      //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                                      }
                                      

                                      Das Ergebnis sieht leider so aus

                                      c856e6cc-5218-42e2-a60e-4fb985ce4109-image.png

                                      Noch eine Frage hätte ich, da ich mir den Status durch den grünen Punkt anzeigen lasse, würde ich mir gerne, in der Linie anzeigen lassen, ob das Gerät ein oder ausgeschaltet ist, was muss ich da in deinem Script ändern?

                                      liv-in-sky 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @Oli last edited by

                                        @Oli der wert in klammern ist nicht der gesamtverbrauch , sondern der verbrauch des letzen monats (also gesamt des letzten monats)

                                        also bei deinem widget:

                                        heute
                                        bisher in diesem monat
                                        im letzten monat gesamt

                                        heute kosten
                                        bisher in diesem monat kosten
                                        im letzten monat gesamt kosten

                                        die letzten monate sind nachträglich ins script "hineingewurschtelt" worden - ich schaum mir nochmal an, wo der beste punkt zum abgreifen ist und integriere das - gebe dir dann bescheid

                                        O 1 Reply Last reply Reply Quote 0
                                        • O
                                          Oli @liv-in-sky last edited by

                                          @liv-in-sky

                                          super Dankeschön, aber warum erscheint bei den Werten undefiniert, die Werte des Vormonats wären ja auch interessant?

                                          liv-in-sky 2 Replies Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @Oli last edited by

                                            @Oli im ersten post ist ein update mit den 2 weiteren werten - energie verbracu letztes monat und kosten letztes monat- durch die beiden neuen werte hat sich das MD table widget geändert - das MD list widget ist nicht betroffen

                                            es sind keine neuen settings dazugekommen - daher sollte dass setting des vorigen scriptes kopiert und eingestzt werden können

                                            könntes du bitte das neue widget für das "table" widget auch in deinem post updaten - ist ja verlinkt zm ersten post

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            824
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript template
                                            37
                                            696
                                            130362
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo