Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[OliverIO]

@pat

wenn vis binding nicht funktioniert könnte das hier helfen
https://forum.iobroker.net/topic/31521/test-widget-json-template?_=1633603367109
aber zeig erst einmal die daten wie sie im datenpunkt drinstehen

[Pat]

@liv-in-sky said in Array in Vis Anzeigen:

sind dine werte strings z.b. ["a","b","c"] funktioniert das nicht

Hey
Ja es sind Strings drin. Dann muss ich mir was anderes einfallen lassen.

Vielen Dank für die infos und der mühe.

[liv-in-sky]

@pat zeig doch dich mal den inhalt - vielleicht fällt uns was ein

[Pat]

@liv-in-sky

Habe gestern mir sowas noch mal gebastelt

var woche = 'javascript.0.Anwesendheit.Woche';
var s_woche;

    s_woche = getState(woche).val.toString();
    s_woche = s_woche.split(',').join('<br>');
    setState('javascript.0.Anwesendheit.VIS-Woche',s_woche);

Da mit konnte ich mit dem html Widget mir es auch gut anzeigen lassen

Der inhalt ist eine 7 Tage anzeige was ich für Schichten habe

["7.10 Donnerstag Nachtschicht","8.10 Freitag Frei","9.10 Samstag Frei","10.10 Sonntag Frei","11.10 Montag Urlaub","12.10 Dienstag Urlaub","13.10 Mittwoch Urlaub","14.10 Donnerstag Urlaub"]

PS für diejenigen die auch so was vor haben. Im html widget einfach die Variable mit {} eintragen.

{javascript.0.Anwesendheit.VIS-Woche}

[liv-in-sky]

@pat

du könntest es auch als tabelle machen - würde geordneter aussehen

dazu machst du den split und anschliessend gehst du durch eine schleife und bildest die tabelle

hier ist ein beispiel, wo eine solche tabelle erzeugt wird - https://forum.iobroker.net/post/682169 - das ganze anfangsgedönz könntest du weglassen - du braucht nur nur das hier - dort kannst du dann z.b farben einstellen - du musst die schleife ändern und deinen split einführen

     let htmlTeil=`<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-0ord{background-color:#ffcb2f;color:#000000;text-align:center}
.tg .tg-s6z2{background-color:#EFDF8E;color:#000000;text-align:left}
</style>`
                                        +"<table class='tg'>"
                               for(let i=0;i<30-1;i+=2){
 
                                   let helper=list5[i].replace("1)","").replace("2)","").replace("4)","").replace("3)","").replace("100.000","100k").replace("7-Tage","7d").replace("Einwohner","EW")
                                  log(helper+" ----- " +list5[i+1] )
                                  htmlTeil=htmlTeil+`<tr><th class="tg-s6z2">${helper}</th><th class="tg-0ord">${list5[i+1] }</th></tr>`
                               }                
                            htmlTeil=htmlTeil+"</table>"
                            log(htmlTeil)
                            setState(myDP,htmlTeil)
          
 

falls interessiert und fragen sind - einfach posten

[liv-in-sky]

@liv-in-sky sagte in Array in Vis Anzeigen:

funktionieren würde bei z.b [0,3.3,5.66] :
{wert:javascript.0.Test.myarray; wert[0]}

zeig doch mal den inhalt deines datenpunktes und von welchen typ der datenpunkt ist (string?)
sind dine werte strings z.b. ["a","b","c"] funktioniert das nicht

@OliverIO

da kommt aber auch eine seltsame fehlermeldung, wenn das array strings beinhaltet, statt nummern

hast du eine idee dazu ?

[liv-in-sky]

@OliverIO

das wäre die formel - völlig überdimensioniert - da stimmt etwas im vis adapter nicht - und noch dazu - die daten müßten mit "einem hochkomma" sein: ['a','b','c']

{werrt:0_userdata.0.CONTROL-OWN.AAATEST.test.testVisArray; JSON.stringify(werrt).replace(/\"/g,'').replace(/\[/g,'').replace(/\]/g,'').replace(/\'/g,'').split(',')[0]}

[OliverIO]

@liv-in-sky sagte in Array in Vis Anzeigen:

@liv-in-sky sagte in Array in Vis Anzeigen:

funktionieren würde bei z.b [0,3.3,5.66] :
{wert:javascript.0.Test.myarray; wert[0]}

zeig doch mal den inhalt deines datenpunktes und von welchen typ der datenpunkt ist (string?)
sind dine werte strings z.b. ["a","b","c"] funktioniert das nicht

@OliverIO

da kommt aber auch eine seltsame fehlermeldung, wenn das array strings beinhaltet, statt nummern

hast du eine idee dazu ?

wenn in einem string doppelte anführungszeichen vorkommen, dann kann man nicht diesen string mit doppelten anführungsstrichen umklammern, dann muss man einfaches hochkomma nehmen.

[liv-in-sky]

@oliverio habe ich ja geschrieben (hochkomma) - aber das ist nicht die lösung, da es mit JSON.parse decodiert wird und dann seltsamerweise ein string rauskommt

aber egal - @Pat hat ja eine lösung gefunden

[OliverIO]

@liv-in-sky

nur als beispiel mit jsontemplate

inhalt datenpunkt

["7.10 Donnerstag Nachtschicht","8.10 Freitag Frei","9.10 Samstag Frei","10.10 Sonntag Frei","11.10 Montag Urlaub","12.10 Dienstag Urlaub","13.10 Mittwoch Urlaub","14.10 Donnerstag Urlaub"]

Einstellung im widget
json_oid=da kommt der datenpunkt rein bzw. kann ausgewählt werden
json_template=

<ul>
  <% data.forEach(function(el){ %>
    <li><%- el %></li>
  <% }); %>
</ul>

oder als Tabelle

<table>
    <tr>
        <th>Datum</th>
        <th>Text</th>
    </tr>
  <% data.forEach(function(el){ %>
  <%
    var arr = el.split(" ");
    var datum = arr.shift();
    var text = arr.join(" ");
    %>
  <tr>
    <td><%- datum %></td>    
    <td><%- text %></td>    
  </tr>
  <% }); %>
</table>

[Pat]

@oliverio

Dank euch allen

[fu_zhou]

@liv-in-sky Würde mich hier mal einklinken, weil ich ein ähnliches Problem habe, aber die geistige Transferleistung bisher nicht hinbekomme.
Das Objekt sieht wie folgt aus:

die Beschreibung dazu ist:

energy array, U (L1, L2, L3, N), I (L1, L2, L3), P (L1, L2, L3, N, Total), pf (L1, L2, L3, N)

Jetzt würde ich in vis gerne jedes einzelne Element aus dem Array darstellen:

Spannung L1: (=Wert von U-L1)
Spannung L2: (=Wert von U-L2)
...
pf N: (=Wert von pf-N)

Der nächste Schritt wäre dann, die Werte in der sql Datenbank zu speichern und mit Flot darzustellen.

Wäre ein Ansatz, das Array zu zerlegen und in einzelne (User)-Objekte abzulegen. Dann ist die Darstellung in vis und Archivierung einfach. Wie kriegt man das mit einen Javascript oder sogar Blockly hin?

[liv-in-sky]

@fu_zhou

das ist ein array - in blockly nennt sich das "liste"

du kannst das array, das anscheinend als string dargestellt wird umwandeln . steht das in einem datenpunkt '?

[fu_zhou]

@liv-in-sky im Datenpunkt/ Objekt sieht das so aus:

also nicht untereinander dargestellt wie im Screenshot oben (Objektdefinition) , sondern in einer Reihe mit "," getrennt. Beantwortet das deine Frage?

[liv-in-sky]

@fu_zhou

also wenn das ganze als string vorliegt würde ich das so umwandeln - anstatt des debug schreibst du in deine selbst erstellten dp

import

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="]|`FKDih%d4:tNVb(1y~">changer</variable>
   <variable id="zq1bHC+KI(D[FAQbMXUP">myArr</variable>
 </variables>
 <block type="variables_set" id="(IKI;IJ,F-mJB~(k:g!u" x="138" y="163">
   <field name="VAR" id="]|`FKDih%d4:tNVb(1y~">changer</field>
   <value name="VALUE">
     <block type="get_value" id="^|:2|dmLB8u]hJT7nq*D">
       <field name="ATTR">val</field>
       <field name="OID">0_userdata.0.CONTROL-OWN.AAATEST.TestString1</field>
     </block>
   </value>
   <next>
     <block type="variables_set" id="$pD2#^.av,$/A7q3ue0^">
       <field name="VAR" id="]|`FKDih%d4:tNVb(1y~">changer</field>
       <value name="VALUE">
         <block type="text_getSubstring" id="BHJ#xbH?9k[3`}gte,1{">
           <mutation at1="true" at2="true"></mutation>
           <field name="WHERE1">FROM_START</field>
           <field name="WHERE2">FROM_START</field>
           <value name="STRING">
             <block type="variables_get" id="S5c^Ir^[h0?nPqR!DY,u">
               <field name="VAR" id="]|`FKDih%d4:tNVb(1y~">changer</field>
             </block>
           </value>
           <value name="AT1">
             <block type="math_number" id="i+Djm7a5AsU?l]@MW(EV">
               <field name="NUM">2</field>
             </block>
           </value>
           <value name="AT2">
             <block type="math_arithmetic" id="wc`jAB]HoD~cMORv}JF/">
               <field name="OP">MINUS</field>
               <value name="A">
                 <shadow type="math_number" id="uU(_x/2!|!b@1toiFtA3">
                   <field name="NUM">1</field>
                 </shadow>
                 <block type="lists_length" id="A,Dl?zwqG@hrIaf+VA_o">
                   <value name="VALUE">
                     <block type="variables_get" id="GgDpA7B1h|td{.bV[}.x">
                       <field name="VAR" id="]|`FKDih%d4:tNVb(1y~">changer</field>
                     </block>
                   </value>
                 </block>
               </value>
               <value name="B">
                 <shadow type="math_number" id="2aapu8u~x8a+_3H5c|8Y">
                   <field name="NUM">1</field>
                 </shadow>
               </value>
             </block>
           </value>
         </block>
       </value>
       <next>
         <block type="variables_set" id="y95x/n%YKiP;Qp~Dux_o">
           <field name="VAR" id="zq1bHC+KI(D[FAQbMXUP">myArr</field>
           <value name="VALUE">
             <block type="lists_split" id="L{c7@#MDtwF_)A$$!KY0">
               <mutation mode="SPLIT"></mutation>
               <field name="MODE">SPLIT</field>
               <value name="INPUT">
                 <block type="variables_get" id="K[-3e7%Ti7XMY-s`pKJ@">
                   <field name="VAR" id="]|`FKDih%d4:tNVb(1y~">changer</field>
                 </block>
               </value>
               <value name="DELIM">
                 <shadow type="text" id="HG2P2lcC$Ap7nkP)#l*/">
                   <field name="TEXT">,</field>
                 </shadow>
               </value>
             </block>
           </value>
           <next>
             <block type="debug" id="{IiB~G`2jMT4-b_*M3^1">
               <field name="Severity">log</field>
               <value name="TEXT">
                 <shadow type="text" id="HN^W3xfnHfH%!jYr8bqH">
                   <field name="TEXT">test</field>
                 </shadow>
                 <block type="lists_getIndex" id="^6YP=e_/,l=hR}=:zdl|">
                   <mutation statement="false" at="true"></mutation>
                   <field name="MODE">GET</field>
                   <field name="WHERE">FROM_START</field>
                   <value name="VALUE">
                     <block type="variables_get" id="/J.T*peN.ei|whPB+?$#">
                       <field name="VAR" id="zq1bHC+KI(D[FAQbMXUP">myArr</field>
                     </block>
                   </value>
                   <value name="AT">
                     <block type="math_number" id="5d(h9ie8DFpgqA}]Z3oA">
                       <field name="NUM">1</field>
                     </block>
                   </value>
                 </block>
               </value>
               <next>
                 <block type="debug" id="P`jkaOl=4wqK9C|(vOrB">
                   <field name="Severity">log</field>
                   <value name="TEXT">
                     <shadow type="text" id="rYRHZdPyNXoR98-~(bZD">
                       <field name="TEXT">test</field>
                     </shadow>
                     <block type="lists_getIndex" id="lq!Hu035CLGIRvLx/-7%">
                       <mutation statement="false" at="true"></mutation>
                       <field name="MODE">GET</field>
                       <field name="WHERE">FROM_START</field>
                       <value name="VALUE">
                         <block type="variables_get" id="d`Y?.]~AKV~li$[=9?%N">
                           <field name="VAR" id="zq1bHC+KI(D[FAQbMXUP">myArr</field>
                         </block>
                       </value>
                       <value name="AT">
                         <block type="math_number" id="LQ+~/Pa5jLri5(XUL-S`">
                           <field name="NUM">2</field>
                         </block>
                       </value>
                     </block>
                   </value>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </next>
     </block>
   </next>
 </block>
</xml>

[fu_zhou]

@liv-in-sky Du bist der Knaller, so funktioniert es mit Blockly, vielen Dank!!!