Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS-Tabelle für WLAN Wetterstation

    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

    VIS-Tabelle für WLAN Wetterstation

    This topic has been deleted. Only users with topic management privileges can see it.
    • Nashra
      Nashra Most Active Forum Testing @SBorg last edited by

      @sborg wenn ich dein Skript starte kommt

      13:49:46.729	error	javascript.0 (2244608) script.js.Wetter.Statistik-tabelle2: SyntaxError: Unexpected token : in JSON at position 12
      13:49:46.729	error	javascript.0 (2244608) at script.js.Wetter.Statistik-tabelle2:60:55
      13:49:46.729	error	javascript.0 (2244608) at dataStuff (script.js.Wetter.Statistik-tabelle2:51:15)
      13:49:46.729	error	javascript.0 (2244608) at main (script.js.Wetter.Statistik-tabelle2:154:2)
      
      SBorg 1 Reply Last reply Reply Quote 0
      • SBorg
        SBorg Forum Testing Most Active @Nashra last edited by

        @nashra Wäre zum testen für dieses Jahr mal interessant:

        • hast du bei allen fünf (Jan-Mai) DPs "Zeichenkette" stehen
        • hast du bei allen auch die "[]" im JSON stehen?

        Denn genau mit dem Skript und den 1:1 belassenem "Mai-DP" läuft es bei mir problemlos.
        Position "12" wäre schon mitten im JSON, eigentlich meckert er immer "1" an (das einleitende [ des Arrays)

        Nashra 1 Reply Last reply Reply Quote 0
        • Nashra
          Nashra Most Active Forum Testing @SBorg last edited by

          @sborg ich müßte also von Object auf Zeichenkette ändern, ist das richtig?
          Und im json sind die Klammern drin.

          SBorg 1 Reply Last reply Reply Quote 0
          • Chris76e
            Chris76e @Nashra last edited by Chris76e

            @nashra

            Das ist das Script mit der änderung von @SBorg was ich verwende

            
            
            // @liv-in-sky 4.10.2021 11:45
            
            //forum: https://forum.iobroker.net/topic/38286/vis-tabelle-f%C3%BCr-wlan-wetterstation
            
             
            
             
            
            const dataInputPath="0_userdata.0.Statistik.Wetter.Data";  //SEHR WICHTIG !!!!!!!!!
            
            const inhaltFarbe="black"
            
            const inhaltHintergrund="lightgray"
            
            const monatFarbe="yellow"
            
            const hintergrund="grey"
            
            const htmlFarbTableBorderColor="yellow";
            
            const abstandZelle=6;
            
            const htmlRahmenLinien="all"
            
            const htmlSchriftgroessehtmlSchriftart=""  //nicht verwendbar!
            
            const htmlFarbFelderschrift="red";         //nicht verwendbar!
            
            const htmlSchriftgroesse="13px";
            
            const htmlSchriftart="Ubuntu-Light"//"monospace";       //oder z.b. "Helvetica"
            
            const weite="auto";                        //oder "500px"
            
            let myTable="table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
            
                                  "; font-family:"+htmlSchriftart+";\"";
            
                                  
            
            const varData={ 
                           Tiefstwert:       { einheit:"°C", name:"Minimum Temperatur"},
                           Hoechstwert:      { einheit:"°C", name:"Maximum Temperatur"}, 
                           Temp_Durchschnitt:{ einheit:"°C", name:"Durchschnittstemperatur"},
                           Max_Windboe:      { einheit:'km/h', name:"Max Windböe"},
                           Max_Regenmenge:   { einheit:'l/m2', name:"Max. Regen/Tag"},
                           Regenmenge_Monat: { einheit:'l/m2', name:"Regen"},
                           warme_Tage:       { einheit:"", name:"Warme Tage (über 20°C)"},
                           Sommertage:       { einheit:"", name:"Sommertage (über 25°C)"},
                           heisse_Tage:      { einheit:"", name:'Heiße Tage (über 30°C)'},
                           Frost_Tage:       { einheit:"", name:"Frosttage (Min. unter 0°C)"},
                           kalte_Tage:       { einheit:"", name:"Kalte Tage (Max. unter 10°C)"},  
                           Eistage:          { einheit:"", name:"Eistage (Max. unter 0°C)"},
                           sehr_kalte_Tage:  { einheit:"", name:"Sehr kalte Tage (Min. unter -10°C)"}
            
            }  
            
             
            
            const monate =["JANUAR","FEBRUAR","MÄRZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER"];
            
             
            
             
            
            //--------------------------nix mehr ändern ab hier--------------------------------------
            
            let myObj;
            
            let myArrAll=[]
            
            let myArrErstellt=[]
            
            let tableContent;
            
            let monWahlVIS;
            
            let lastThree;
            
            //----------------------------------------------------------------------------------------
            
            function dataStuff(){
            
            let myArrAll=[]
            
            let mySelector=dataInputPath+'.*.*'
            
            $(mySelector).each(function(id, i) {
            
            let ida=id.split("."); let lang=ida.length; let jahri=lang-2; let moni=lang-1;
            
            let obj2 = { jahr: ida[jahri]};
            
            let obj3 = { monat: ida[moni]};
            
            let formathelp= getState(id).val
            
            let helper;
            
             
            
             if (typeof(formathelp)=="object") {helper=getState(id).val[0];} 
            
              else if (typeof(formathelp)=="string") { helper=getState(id).val;
            
                                                       helper=JSON.parse(helper.substring(1, (getState(id).val).length-1)); 
            
                                                       }
            
              else { helper=JSON.parse(getState(id).val); }
            
             
            
             helper={ ...helper, ...obj2, ...obj3}
            
             myArrAll.push(JSON.stringify(helper))
            
            });
            
            //log(myArrAll)
            
            tableContent = ""  
            
            myObj=JSON.parse("["+myArrAll.toString()+"]")
            
             
            
            if (lastThree==0) {
            
            //KOPFZEILE
            
            let choseMonth=monate[monWahlVIS-1]
            
            let choseMonthArr=choseMonth.split('')
            
            let test=""
            
            for (let i=0;i<choseMonthArr.length;i++){
            
              // log(choseMonthArr[i])
            
               test=test+choseMonthArr[i]+`
            
               `    
            
            }
            
             
            
            //log(test)
            
            //tableContent+='<td  class=\"test-klein\"  rowspan=\"14\"\">'+choseMonth+'</td><td>Wetterwerte</td>'
            
            tableContent+='<td class=\"myWetterStation\" width=\"25px\"  style=\"color:'+monatFarbe+';font-size:26px; background-color:'+hintergrund+' ; vertical-align:middle; text-align:center \"   rowspan=\"14\"\">'+test+'</td><td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\>Wetterwerte</td>'
            
            for (let i=0;i<myObj.length;i++) {
            
               if(parseInt(myObj[i].monat)==monWahlVIS){
            
            tableContent += '<td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\ align=center>'  + myObj[i].jahr+'</td>'}
            
            }; tableContent="<tr style=\"font-weight\:bold\">"+tableContent+"</tr>"
            
            //RESTZEILEN
            
            for(var index in varData){
            
               tableContent+='<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\">'+varData[index].name+'</td>'
            
               for (let i=0;i<myObj.length;i++) {
            
                  if(myObj[i].monat==monWahlVIS){
            
                    tableContent += '<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\" align=right>' + myObj[i][index] + ' '+ varData[index].einheit+'</td>'}
            
                                                }; tableContent="<tr>"+tableContent+"</tr>"
            
             
            
            }
            
            } //lastThree
            
            else {
            
            //log(myObj[0].monat)
            
                myObj.sort(function (alpha, beta) {
            
                         if (parseInt(alpha.monat) > parseInt(beta.monat))
            
                             return 1;
            
                          if (parseInt(beta.monat) > parseInt(alpha.monat))
            
                             return -1;
            
                          return 0;});
            
                      //    log(myObj[0].monat)
            
             
            
            //KOPFZEILE LASTTHREE
            
             
            
            let choseJahr=lastThree.toString()//formatDate(getDateObject((new Date().getTime())), "JJJJ")//monate[monWahlVIS-1]
            
            let choseMonthArr=choseJahr.split('')
            
            let test=""
            
            for (let i=0;i<choseMonthArr.length;i++){
            
              // log(choseMonthArr[i])
            
               test=test+choseMonthArr[i]+`
            
               `    
            
            }
            
             
            
            //log(test)
            
            //tableContent+='<td  class=\"test-klein\"  rowspan=\"14\"\">'+choseMonth+'</td><td>Wetterwerte</td>'
            
            tableContent+='<td class=\"myWetterStation\" width=\"25px\"  style=\"color:'+monatFarbe+';font-size:26px; background-color:'+hintergrund+' ; vertical-align:middle; text-align:center \"   rowspan=\"14\"\">'+test+'</td><td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\>Wetterwerte</td>'
            
             
            
            for (let i=0;i<myObj.length;i++) {
            
               
            
               if( parseInt(myObj[i].jahr)==parseInt(choseJahr) && (parseInt(myObj[i].monat)==parseInt(monWahlVIS) || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-1 || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-2)){
            
            tableContent += '<td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\ align=center>'  + monate[parseInt(myObj[i].monat)-1]+'</td>';}
            
            }; tableContent="<tr style=\"font-weight\:bold\">"+tableContent+"</tr>"
            
            //RESTZEILEN
            
            for(var index in varData){
            
               tableContent+='<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\">'+varData[index].name+'</td>'
            
               for (let i=0;i<myObj.length;i++) {
            
                if( parseInt(myObj[i].jahr)==parseInt(choseJahr) && (parseInt(myObj[i].monat)==parseInt(monWahlVIS) || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-1 || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-2)){
            
                    tableContent += '<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\" align=right>' + myObj[i][index] + ' '+ varData[index].einheit+'</td>'}
            
                                                }; tableContent="<tr>"+tableContent+"</tr>"
            
             
            
            }
            
             
            
             
            
            }
            
             
            
            tableContent = '<'+myTable+' ><tbody>'+tableContent+'</tbody></table >'
            
            //log(tableContent)
            
             
            
            setState("javascript." + instance + ".Wetterstation.MonthlyDaten",tableContent)
            
            }
            
             
            
            //--------------------------------------------------------------------------------------------------
            
            async function main() {
            
               if (!(await existsStateAsync("javascript." + instance + ".Wetterstation.MonthlyDaten"))) {
            
                   await createStateAsync("Wetterstation.MonthlyDaten", "leer", {type: "string", name: "MonthlyDaten", role: "value", read: true, write: true, } ); }
            
               if (!(await existsStateAsync("javascript." + instance + ".Wetterstation.MonatAuswahl"))) {
            
                   await createStateAsync("Wetterstation.MonatAuswahl", 10, {type: "number", name: "MonatAuswahl", role: "value", read: true, write: true, } ); } 
            
               if (!(await existsStateAsync("javascript." + instance + ".Wetterstation.AuswahlJahr"))) {
            
                   await createStateAsync("Wetterstation.AuswahlJahr", 0, {type: "number", name: "AuswahlJahr", role: "value", read: true, write: true, } ); } 
            
               lastThree = (await getStateAsync("javascript." + instance + ".Wetterstation.AuswahlJahr")).val //? lastThree=true : lastThree=false;  
            
                    
            
               monWahlVIS=((await getStateAsync("javascript." + instance + ".Wetterstation.MonatAuswahl")).val ) 
            
               dataStuff();
            
             
            
            }
            
             
            
            //-----------------------------------------------------------------------------------------------------
            
            main()
            
             
            
             
            
             
            
            on({id: "javascript." + instance + ".Wetterstation.MonatAuswahl", change: "any"}, async function (obj) {
            
            main()
            
             
            
            });
            
             
            
            on({id: "javascript." + instance + ".Wetterstation.AuswahlJahr", change: "any"}, async function (obj) {
            
            main()
            
             
            
            });
            
             
            
            schedule('  */30 * * * *', function() { 
            
               setState("javascript." + instance + ".Wetterstation.MonatAuswahl", parseInt(formatDate(getDateObject((new Date().getTime())), "MM"))) ;
            
               setStateDelayed("javascript." + instance + ".Wetterstation.AuswahlJahr", parseInt(formatDate(getDateObject((new Date().getTime())), "JJJJ")),10000) ;
            
            });
            
             
            
             
            
             
            
             
            
             
            
             
            
            

            an den Datenpunkte habe ich nichts mehr geändert

            Nashra 1 Reply Last reply Reply Quote 0
            • Nashra
              Nashra Most Active Forum Testing @Chris76e last edited by

              @chris76e, sehr seltsam. Damit bekomme ich die selbe Fehlermeldung wie bei meiner Änderung

              19:25:22.418	error	javascript.0 (2244608) script.js.Wetter.Statistik-tabelle3: SyntaxError: Unexpected token : in JSON at position 12
              19:25:22.419	error	javascript.0 (2244608) at script.js.Wetter.Statistik-tabelle3:106:56
              19:25:22.419	error	javascript.0 (2244608) at dataStuff (script.js.Wetter.Statistik-tabelle3:88:15)
              19:25:22.419	error	javascript.0 (2244608) at main (script.js.Wetter.Statistik-tabelle3:304:4)
              
              1 Reply Last reply Reply Quote 0
              • SBorg
                SBorg Forum Testing Most Active @Nashra last edited by

                @nashra sagte in VIS-Tabelle für WLAN Wetterstation:

                @sborg ich müßte also von Object auf Zeichenkette ändern, ist das richtig?

                Ja.
                Als RAW müsste der erzeugte DP vom JS für Mai in etwa so aussehen:

                {
                  "common": {
                    "name": "Monatsstatistik für Mai 2022",
                    "type": "string",
                    "role": "json"
                  },
                  "native": {
                    "name": "Monatsstatistik für Mai 2022",
                    "type": "string",
                    "role": "json"
                  },
                  "type": "state",
                  "from": "system.adapter.javascript.0",
                  "user": "system.user.admin",
                  "ts": 1654038180054,
                  "_id": "0_userdata.0.Statistik.Wetter.Data.2022.05",
                  "acl": {
                    "object": 1636,
                    "state": 1636,
                    "owner": "system.user.admin",
                    "ownerGroup": "system.group.administrator"
                  }
                }
                
                1 Reply Last reply Reply Quote 0
                • V
                  viper4iob last edited by

                  Erst einmal ein generelles Danke für diese Tabelle, nutze sie jetzt seit kurzem.
                  Ein kleiner Punkt:
                  Ich habe gerade die Tabelle um neue Zeilen für die neuen Werte wie Wüstentage etc. erweitert.
                  Das war im Prinzip kein großes Problem, weil man einfach das varData Objekt am Anfang erweitert.
                  Allerdings muss man für die Jahreszahl auch den table rowspan erweitern.
                  Da hatte ich jetzt 2 Stellen im Skript gefunden.
                  Damit man das in Zukunft nicht manuell anpassen muss, folgende Idee:
                  Ich habe unter dem varData die Anzahl der dort enthaltenen Werte ermittellt, was dann ja der Anzahl der Zeilen entspricht und man muss dann noch 1 für die Überschriften dazuzählen:
                  const table_rowspan = Object.keys(varData).length + 1;

                  Und weiter unten habe ich dann an 2 Stellen die entsprechende Tabellendefinitionen angepasst (bei rowspan=):
                  tableContent+='<td class=\"myWetterStation\" width=\"25px\" style=\"color:'+monatFarbe+';font-size:26px; background-color:'+hintergrund+' ; vertical-align:middle; text-align:center \" rowspan='+table_rowspan+'\">'+test+'</td><td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\>Jahreswerte</td>'

                  SBorg M 2 Replies Last reply Reply Quote 2
                  • SBorg
                    SBorg Forum Testing Most Active @viper4iob last edited by

                    @viper4iob gute Idee. ich denke zwar immer "jetzt haben wir alles", aber irgendwie kommt doch immer noch was dazu 😉

                    1 Reply Last reply Reply Quote 0
                    • M
                      MartyBr @viper4iob last edited by

                      @viper4iob
                      Könntest du bitte das angepasste Script hier posten? Ich habe versucht deine Änderungen einzulegen, bekomme aber immer Errors.

                      Nashra 1 Reply Last reply Reply Quote 0
                      • Nashra
                        Nashra Most Active Forum Testing @MartyBr last edited by

                        @martybr sagte in VIS-Tabelle für WLAN Wetterstation:

                        @viper4iob
                        Könntest du bitte das angepasste Script hier posten? Ich habe versucht deine Änderungen einzulegen, bekomme aber immer Errors.

                        Habe zwar auch keinen Plan von sowas aber bei mir läufts ohne Fehler, müßte also richtig sein.

                        // @liv-in-sky 4.10.2021 11:45
                        //forum: https://forum.iobroker.net/topic/38286/vis-tabelle-f%C3%BCr-wlan-wetterstation
                         
                         
                        const dataInputPath="0_userdata.0.Statistik.Wetter.Data";  //SEHR WICHTIG !!!!!!!!!
                        const inhaltFarbe="white";
                        const inhaltHintergrund="#183D51";
                        const monatFarbe="yellow";
                        const hintergrund="#183D51";
                        const htmlFarbTableBorderColor="#44739E";
                        const abstandZelle=3;
                        const htmlRahmenLinien="all";
                        const htmlSchriftgroessehtmlSchriftart="";  //nicht verwendbar!
                        const htmlFarbFelderschrift="red";         //nicht verwendbar!
                        const htmlSchriftgroesse="14px";
                        const htmlSchriftart="RobotoCondensed-Regular"; //"monospace";       //oder z.b. "Helvetica"
                        const weite="1300px";                        //oder "500px"
                        
                        let myTable="table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"1px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                                              "; font-family:"+htmlSchriftart+";\"";
                                              
                        const varData={ 
                                       Hoechstwert:      { einheit:"°C", name:"Maximum Temperatur"}, 
                                       Tiefstwert:       { einheit:"°C", name:"Minimum Temperatur"},
                                       Temp_Durchschnitt:{ einheit:"°C", name:"Durchschnittstemperatur"},
                                       Max_Windboe:      { einheit:'km/h', name:"Max Windböe"},
                                       Max_Regenmenge:   { einheit:'l/m2', name:"Max. Regen/Tag"},
                                       Regenmenge_Monat: { einheit:'l/m2', name:"Regen"},
                                       Regentage:        { einheit:"", name:"Regentage"}, 
                                       warme_Tage:       { einheit:"", name:"Warme Tage (über 20°C)"},
                                       Sommertage:       { einheit:"", name:"Sommertage (über 25°C)"},
                                       heisse_Tage:      { einheit:"", name:'Heiße Tage (über 30°C)'},
                                       Tropennaechte:    { einheit:"", name:"Tropennächte (Min. über 20°C)"},
                                       Wuestentage:      { einheit:"", name:"Wüstentage (über 35°C)"},
                                       Frost_Tage:       { einheit:"", name:"Frosttage (Min. unter 0°C)"},
                                       Eistage:          { einheit:"", name:"Eistage (Max. unter 0°C)"},
                                       kalte_Tage:       { einheit:"", name:"Kalte Tage (Max. unter 10°C)"},
                                       sehr_kalte_Tage:  { einheit:"", name:"Sehr kalte Tage (Min. unter -10°C)"}
                        }  
                        const table_rowspan = Object.keys(varData).length + 1;
                        
                        const monate =["JANUAR","FEBRUAR","MÄRZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER"];
                         
                         
                        //--------------------------nix mehr ändern ab hier--------------------------------------
                        let myObj;
                        let myArrAll=[]
                        let myArrErstellt=[]
                        let tableContent;
                        let monWahlVIS;
                        let lastThree;
                        //----------------------------------------------------------------------------------------
                        function dataStuff(){
                        let myArrAll=[]
                        let mySelector=dataInputPath+'.*.*'
                        $(mySelector).each(function(id, i) {
                        let ida=id.split("."); let lang=ida.length; let jahri=lang-2; let moni=lang-1;
                        let obj2 = { jahr: ida[jahri]};
                        let obj3 = { monat: ida[moni]};
                        let formathelp= getState(id).val
                        let helper;
                        if (typeof(formathelp)=="object") {helper=getState(id).val[0];}  else{helper=JSON.parse(getState(id).val)}
                        
                        helper={ ...helper, ...obj2, ...obj3}
                        myArrAll.push(JSON.stringify(helper))
                        });
                        
                        //log(myArrAll)
                        tableContent = ""  
                        myObj=JSON.parse("["+myArrAll.toString()+"]")
                         
                        if (lastThree==0) {
                        //KOPFZEILE
                        let choseMonth=monate[monWahlVIS-1]
                        let choseMonthArr=choseMonth.split('')
                        let test=""
                        for (let i=0;i<choseMonthArr.length;i++){
                          // log(choseMonthArr[i])
                           test=test+choseMonthArr[i]+`
                           `    
                        }
                         
                        //log(test)
                        //tableContent+='<td  class=\"test-klein\"  rowspan=\"14\"\">'+choseMonth+'</td><td>Wetterwerte</td>'
                        //tableContent+='<td class=\"myWetterStation\" width=\"25px\"  style=\"color:'+monatFarbe+';font-size:26px; background-color:'+hintergrund+' ; vertical-align:middle; text-align:center \"   rowspan=\"17\"\">'+test+'</td><td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\>Wetterwerte</td>'
                        tableContent+='<td class=\"myWetterStation\" width=\"25px\"  style=\"color:'+monatFarbe+';font-size:26px; background-color:'+hintergrund+' ; vertical-align:middle; text-align:center \"   rowspan='+table_rowspan+'\">'+test+'</td><td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\>Wetterwerte</td>'
                        for (let i=0;i<myObj.length;i++) {
                           if(parseInt(myObj[i].monat)==monWahlVIS){
                        tableContent += '<td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\ align=center>'  + myObj[i].jahr+'</td>'}
                        }; tableContent="<tr style=\"font-weight\:bold\">"+tableContent+"</tr>"
                        //RESTZEILEN
                        for(var index in varData){
                           tableContent+='<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\">'+varData[index].name+'</td>'
                           for (let i=0;i<myObj.length;i++) {
                              if(myObj[i].monat==monWahlVIS){
                                tableContent += '<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\" align=right>' + myObj[i][index] + ' '+ varData[index].einheit+'</td>'}
                                                            }; tableContent="<tr>"+tableContent+"</tr>"
                         
                        }
                        } //lastThree
                        else {
                        //log(myObj[0].monat)
                            myObj.sort(function (alpha, beta) {
                                     if (parseInt(alpha.monat) > parseInt(beta.monat))
                                         return 1;
                                      if (parseInt(beta.monat) > parseInt(alpha.monat))
                                         return -1;
                                      return 0;});
                                  //    log(myObj[0].monat)
                         
                        //KOPFZEILE LASTTHREE
                         
                        let choseJahr=lastThree.toString()//formatDate(getDateObject((new Date().getTime())), "JJJJ")//monate[monWahlVIS-1]
                        let choseMonthArr=choseJahr.split('')
                        let test=""
                        for (let i=0;i<choseMonthArr.length;i++){
                          // log(choseMonthArr[i])
                           test=test+choseMonthArr[i]+`
                           `    
                        }
                         
                        //log(test)
                        //tableContent+='<td  class=\"test-klein\"  rowspan=\"14\"\">'+choseMonth+'</td><td>Wetterwerte</td>'
                        tableContent+='<td class=\"myWetterStation\" width=\"25px\"  style=\"color:'+monatFarbe+';font-size:26px; background-color:'+hintergrund+' ; vertical-align:middle; text-align:center \"   rowspan='+table_rowspan+'\">'+test+'</td><td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\>Wetterwerte</td>'
                        
                        for (let i=0;i<myObj.length;i++) {
                           
                           // if( parseInt(myObj[i].jahr)==parseInt(choseJahr) && (parseInt(myObj[i].monat)==parseInt(monWahlVIS) || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-1 || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-2)){
                           if( parseInt(myObj[i].jahr)==parseInt(choseJahr) ){
                        tableContent += '<td style=\"color:'+monatFarbe+'; background-color:'+hintergrund+'"\ align=center>'  + monate[parseInt(myObj[i].monat)-1]+'</td>';}
                        }; tableContent="<tr style=\"font-weight\:normal\">"+tableContent+"</tr>"
                        //RESTZEILEN
                        for(var index in varData){
                           tableContent+='<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\">'+varData[index].name+'</td>'
                           for (let i=0;i<myObj.length;i++) {
                            // if( parseInt(myObj[i].jahr)==parseInt(choseJahr) && (parseInt(myObj[i].monat)==parseInt(monWahlVIS) || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-1 || parseInt(myObj[i].monat)==parseInt(monWahlVIS)-2)){
                            if( parseInt(myObj[i].jahr)==parseInt(choseJahr) ){
                                tableContent += '<td style=\"color:'+inhaltFarbe+'; background-color:'+inhaltHintergrund+'\" align=right>' + myObj[i][index] + ' '+ varData[index].einheit+'</td>'}
                                                            }; tableContent="<tr>"+tableContent+"</tr>"
                         
                        }
                         
                         
                        }
                         
                        tableContent = '<'+myTable+' ><tbody>'+tableContent+'</tbody></table >'
                        //log(tableContent)
                         
                        setState("javascript." + instance + ".Wetterstation.MonthlyDaten",tableContent)
                        }
                         
                        //--------------------------------------------------------------------------------------------------
                        async function main() {
                           if (!(await existsStateAsync("javascript." + instance + ".Wetterstation.MonthlyDaten"))) {
                               await createStateAsync("Wetterstation.MonthlyDaten", "leer", {type: "string", name: "MonthlyDaten", role: "value", read: true, write: true, } ); }
                           if (!(await existsStateAsync("javascript." + instance + ".Wetterstation.MonatAuswahl"))) {
                               await createStateAsync("Wetterstation.MonatAuswahl", 10, {type: "number", name: "MonatAuswahl", role: "value", read: true, write: true, } ); } 
                           if (!(await existsStateAsync("javascript." + instance + ".Wetterstation.AuswahlJahr"))) {
                               await createStateAsync("Wetterstation.AuswahlJahr", 0, {type: "number", name: "AuswahlJahr", role: "value", read: true, write: true, } ); } 
                           lastThree = (await getStateAsync("javascript." + instance + ".Wetterstation.AuswahlJahr")).val //? lastThree=true : lastThree=false;  
                                
                           monWahlVIS=((await getStateAsync("javascript." + instance + ".Wetterstation.MonatAuswahl")).val ) 
                           dataStuff();
                         
                        }
                         
                        //-----------------------------------------------------------------------------------------------------
                        main()
                        
                        on({id: "javascript." + instance + ".Wetterstation.MonatAuswahl", change: "any"}, async function (obj) {
                        main()
                         
                        });
                         
                        on({id: "javascript." + instance + ".Wetterstation.AuswahlJahr", change: "any"}, async function (obj) {
                        main()
                         
                        });
                         
                        schedule('  */30 * * * *', function() { 
                           setState("javascript." + instance + ".Wetterstation.MonatAuswahl", parseInt(formatDate(getDateObject((new Date().getTime())), "MM"))) ;
                           setStateDelayed("javascript." + instance + ".Wetterstation.AuswahlJahr", parseInt(formatDate(getDateObject((new Date().getTime())), "JJJJ")),10000) ;
                        });
                        
                        
                        M 1 Reply Last reply Reply Quote 1
                        • M
                          MartyBr @Nashra last edited by

                          @nashra
                          Super, danke dir. Läuft bei mir.

                          1 Reply Last reply Reply Quote 0
                          • Nashra
                            Nashra Most Active Forum Testing last edited by

                            Moin,
                            muß hier nochmal nachhaken...
                            Das Skript legt ja am Ende eines jeden Monats einen DP an mit den Werten von diesem.
                            Nur bei mir legt er ständig einen DP als Zeichenkette an obwohl es ein Object sein müßte.
                            Die Daten stehen drin und wenn ich es auf Objekt ändere zeigt er mir auch die Daten
                            in der Tabelle auf VIS an. Was läuft hier schief??

                            SBorg 1 Reply Last reply Reply Quote 0
                            • SBorg
                              SBorg Forum Testing Most Active @Nashra last edited by

                              @nashra sagte in VIS-Tabelle für WLAN Wetterstation:

                              Nur bei mir legt er ständig einen DP als Zeichenkette an obwohl es ein Object sein müßte.

                              Ist soweit eigentlich korrekt, denn ein Object muss nicht vom Typ "object" sein. Der String wird durch die "[]" zum JSON-Object.
                              Eigentlich müsste es so aussehen:
                              Bild 001.png

                              Der DP in der Übersicht:
                              Bild 002.png

                              bzw. als RAW:
                              Bild 003.png

                              Beispiel Inhalt (wichtig zu Beginn / Ende die "[]"; hier sind es meine Dezember 2022 - Daten) :

                              [{"Tiefstwert":-12.22,"Hoechstwert":14.27,"Temp_Durchschnitt":2.88,"Max_Windboe":33.15,"Max_Regenmenge":19.304,"Regenmenge_Monat":61.86,"warme_Tage":0,"Sommertage":0,"heisse_Tage":0,"Frost_Tage":11,"kalte_Tage":20,"Eistage":6,"sehr_kalte_Tage":2,"Wuestentage":0,"Tropennaechte":0,"Regentage":16}]
                              

                              Daraus ergibt sich dann:
                              Bild 004.png

                              "Mein" aktuells Snippet hierfür:

                              ...
                              //----------------------------------------------------------------------------------------
                              function dataStuff(){
                              let myArrAll=[]
                              let mySelector=dataInputPath+'.*.*'
                              $(mySelector).each(function(id) {
                               let ida=id.split("."); let lang=ida.length; let jahri=lang-2; let moni=lang-1;
                               let obj2 = { jahr: ida[jahri]};
                               let obj3 = { monat: ida[moni]};
                               let formathelp=getState(id).val;
                               let helper;
                              
                               if (typeof(formathelp)=="object") {helper=getState(id).val[0];} 
                                else if (typeof(formathelp)=="string") { helper=getState(id).val;
                                                                         helper=JSON.parse(helper.substring(1, (getState(id).val).length-1)); 
                                                                         }
                                else { helper=JSON.parse(getState(id).val); }
                              
                               helper={ ...helper, ...obj2, ...obj3}
                               myArrAll.push(JSON.stringify(helper))
                              });
                              
                              //log(myArrAll)
                              ...
                              
                              Negalein Nashra 2 Replies Last reply Reply Quote 0
                              • Negalein
                                Negalein Global Moderator @SBorg last edited by

                                @sborg sagte in VIS-Tabelle für WLAN Wetterstation:

                                Daraus ergibt sich dann:

                                wie bringst du das ganze Jahr zur Ansicht?
                                Ich bekomm nur Vorvormonat, Vormonat und aktuelles Monat.

                                0f654500-7814-422e-99d8-5c8f29633a37-image.png
                                10371f30-cf79-4ae8-b198-10667d17061f-image.png

                                Latzi 1 Reply Last reply Reply Quote 0
                                • Latzi
                                  Latzi @Negalein last edited by

                                  @negalein
                                  schau mal hier: https://forum.iobroker.net/topic/38286/vis-tabelle-für-wlan-wetterstation/54

                                  1 Reply Last reply Reply Quote 1
                                  • Nashra
                                    Nashra Most Active Forum Testing @SBorg last edited by

                                    @sborg sagte in VIS-Tabelle für WLAN Wetterstation:

                                    @nashra sagte in VIS-Tabelle für WLAN Wetterstation:

                                    Nur bei mir legt er ständig einen DP als Zeichenkette an obwohl es ein Object sein müßte.

                                    Ist soweit eigentlich korrekt, denn ein Object muss nicht vom Typ "object" sein. Der String wird durch die "[]" zum JSON-Object.
                                    Eigentlich müsste es so aussehen:
                                    Bild 001.png

                                    Sieht bei mir genau so aus, also OK.

                                    Der DP in der Übersicht:
                                    Bild 002.png

                                    Hier das Gleiche

                                    bzw. als RAW:
                                    Bild 003.png

                                    Beispiel Inhalt (wichtig zu Beginn / Ende die "[]"; hier sind es meine Dezember 2022 - Daten) :

                                    Auch wieder gleich

                                    [{"Tiefstwert":-12.22,"Hoechstwert":14.27,"Temp_Durchschnitt":2.88,"Max_Windboe":33.15,"Max_Regenmenge":19.304,"Regenmenge_Monat":61.86,"warme_Tage":0,"Sommertage":0,"heisse_Tage":0,"Frost_Tage":11,"kalte_Tage":20,"Eistage":6,"sehr_kalte_Tage":2,"Wuestentage":0,"Tropennaechte":0,"Regentage":16}]
                                    

                                    so bei mir

                                    [
                                      {
                                        "Tiefstwert": -7.72,
                                        "Hoechstwert": 13.27,
                                        "Temp_Durchschnitt": 3.54,
                                        "Max_Windboe": 36.69,
                                        "Max_Regenmenge": 15.29,
                                        "Regenmenge_Monat": 82.8,
                                        "warme_Tage": 0,
                                        "Sommertage": 0,
                                        "heisse_Tage": 0,
                                        "Frost_Tage": 11,
                                        "kalte_Tage": 15,
                                        "Eistage": 4,
                                        "sehr_kalte_Tage": 0,
                                        "Wuestentage": 0,
                                        "Tropennaechte": 0,
                                        "Regentage": 11
                                      }
                                    ]
                                    

                                    Daraus ergibt sich dann:
                                    Bild 004.png

                                    Und genau hier steht dann in den Feldern "undefined"
                                    Wenn ich dann den Datenpunkt von Zeichenkette auf Object ändere
                                    werden die Daten angezeigt in der VIS-Tabelle

                                    "Mein" aktuells Snippet hierfür:

                                    ...
                                    //----------------------------------------------------------------------------------------
                                    function dataStuff(){
                                    let myArrAll=[]
                                    let mySelector=dataInputPath+'.*.*'
                                    $(mySelector).each(function(id) {
                                     let ida=id.split("."); let lang=ida.length; let jahri=lang-2; let moni=lang-1;
                                     let obj2 = { jahr: ida[jahri]};
                                     let obj3 = { monat: ida[moni]};
                                     let formathelp=getState(id).val;
                                     let helper;
                                    
                                     if (typeof(formathelp)=="object") {helper=getState(id).val[0];} 
                                      else if (typeof(formathelp)=="string") { helper=getState(id).val;
                                                                               helper=JSON.parse(helper.substring(1, (getState(id).val).length-1)); 
                                                                               }
                                      else { helper=JSON.parse(getState(id).val); }
                                    
                                     helper={ ...helper, ...obj2, ...obj3}
                                     myArrAll.push(JSON.stringify(helper))
                                    });
                                    
                                    //log(myArrAll)
                                    ...
                                    

                                    Habe das mal bei mir geändert da dort es etwas anders aussah und beim Start des Skripts kommt

                                    19:15:18.809	error	javascript.0 (430) script.js.Wetter.Statistik-tabelle: SyntaxError: Unexpected token : in JSON at position 12
                                    19:15:18.809	error	javascript.0 (430) at script.js.Wetter.Statistik-tabelle:71:56
                                    19:15:18.809	error	javascript.0 (430) at dataStuff (script.js.Wetter.Statistik-tabelle:56:15)
                                    19:15:18.809	error	javascript.0 (430) at main (script.js.Wetter.Statistik-tabelle:174:4)
                                    
                                    SBorg 1 Reply Last reply Reply Quote 0
                                    • SBorg
                                      SBorg Forum Testing Most Active @Nashra last edited by

                                      @nashra Zumindest das "gute": scheint kein generelles Problem zu sein 🤕

                                      Lege mal ein neues JS mit folgendem Inhalt an (ggf. Pfad anpassen) und führe es aus (danach wieder stoppen und löschen)

                                      console.log(typeof("0_userdata.0.Statistik.Wetter.Data.2022.12"));
                                      

                                      Meldet er da string ?

                                      Nashra 1 Reply Last reply Reply Quote 0
                                      • Nashra
                                        Nashra Most Active Forum Testing @SBorg last edited by Nashra

                                        @sborg sagte in VIS-Tabelle für WLAN Wetterstation:

                                        console.log(typeof("0_userdata.0.Statistik.Wetter.Data.2022.12"));

                                        Yes

                                        17:00:12.345	info	javascript.0 (430) Start javascript script.js.Testbereich.Test-WS
                                        17:00:12.376	info	javascript.0 (430) script.js.Testbereich.Test-WS: string
                                        17:00:12.376	info	javascript.0 (430) script.js.Testbereich.Test-WS: registered 0 subscriptions, 0 schedules, 0 messages, 0 logs and 0 file subscriptions
                                        17:00:13.432	info	javascript.0 (430) Stop script script.js.Testbereich.Test-WS
                                        
                                        SBorg 1 Reply Last reply Reply Quote 0
                                        • SBorg
                                          SBorg Forum Testing Most Active @Nashra last edited by

                                          @nashra Ok, ist mir aber nach wie vor schleierhaft warum es gerade hier nicht will...

                                          Füge mal bitte ein (danach wieder löschen):

                                            console.log(typeof(helper));
                                            console.log(helper);
                                          

                                          Bild 001.png

                                          Kommt da auch "string" und zu Begin/Ende des Datensatzes "[{...}]" ?
                                          Wenn man den Datensatz editiert hatte können auch diverse Leerzeichen vorhanden sein (wie bei meinem gemarkerten, die ohne Leerzeichen sind eigentlich Original), diese stören aber nicht.
                                          Da der Ausgabestring recht lang ist, kann es sein, dass du das Ende nicht siehst. Dann musst du per "Protokoll" --> "Log herunter laden" kontrollieren, da auch das normale Log bei xx Zeichen automatisch abschneidet 😉

                                          1 Reply Last reply Reply Quote 0
                                          • Nashra
                                            Nashra Most Active Forum Testing last edited by Nashra

                                            @sborg sagte in VIS-Tabelle für WLAN Wetterstation:

                                            console.log(typeof(helper));

                                            Ausgabe:

                                            2023-01-07 16:38:15.557 - info: javascript.0 (430) script.js.Wetter.Statistik-tabelle: object
                                            2023-01-07 16:38:15.557 - info: javascript.0 (430) script.js.Wetter.Statistik-tabelle: {'Tiefstwert':2.77,'Hoechstwert':23.61,'Temp_Durchschnitt':13.72,'Max_Windboe':27.68,'Max_Regenmenge':10.8,'Regenmenge_Monat':32.62,'warme_Tage':10,'Sommertage':0,'heisse_Tage':0,'Frost_Tage':0,'kalte_Tage':0,'Eistage':0,'sehr_kalte_Tage':0,'Wuestentage':0,'Tropennaechte':0,'Regentage':19}
                                            2023-01-07 16:38:15.557 - info: javascript.0 (430) script.js.Wetter.Statistik-tabelle: object
                                            2023-01-07 16:38:15.557 - info: javascript.0 (430) script.js.Wetter.Statistik-tabelle: {'Tiefstwert':-2,'Hoechstwert':17.38,'Temp_Durchschnitt':9.38,'Max_Windboe':33.15,'Max_Regenmenge':11.709,'Regenmenge_Monat':70.13,'warme_Tage':0,'Sommertage':0,'heisse_Tage':0,'Frost_Tage':2,'kalte_Tage':8,'Eistage':0,'sehr_kalte_Tage':0,'Wuestentage':0,'Tropennaechte':0,'Regentage':16}
                                            

                                            Was ich aber gerade gesehen hab, mein Skript sieht an der Stelle anders aus

                                            if (typeof(formathelp)=="object") {helper=getState(id).val[0];}
                                              else{helper=JSON.parse(getState(id).val)}
                                            
                                            helper={ ...helper, ...obj2, ...obj3}
                                            myArrAll.push(JSON.stringify(helper))
                                            });
                                            

                                            Nachtrag:
                                            Die "[ ]" sind aber im DP mit drin 🤔

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            825
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            11
                                            101
                                            10228
                                            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