Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Homoran]

@liv-in-sky sagte in Array visualisieren:

was bedeuten die ganzen 0er ?

Sommerpause

[liv-in-sky]

@homoran 15 monate lang sommerpause ?

[Homoran]

@liv-in-sky sagte in Array visualisieren:

@homoran 15 monate lang sommerpause ?

:thinking_face:

[besc0029]

@liv-in-sky in der Tat sind die Nuller grundsätzlich die Sommerpause.... Für das letzte Jahr (welches im November letzten Jares beginnt, 2624.3 ff.) stimmt die Zahlenfolge auch. Diesen Sommer war die Heizung drei Monate komplett aus. Warum er davor so viele Nullen hat weiss ich ehrlich gesagt nicht.

Aber wie bekomme ich jetzt (bspw. beginnend ab 2624) die Werte über Blocky in einzelne Datenpunkte. Optimalerweise wäre es ja eine Struktur mit Datenpunktbezeichnungen wie "vor 12 Monaten", "vor 11 Monaten", "vor 10 Monaten", etc. und dann jeweils der Wert. Kann mir da jemand helfen?

Kenne mich mit dem Parsen zu wenig aus.

Danke im voraus.
Bernhard

[Homoran]

@besc0029 in blockly gibt es den Baustein "nimm das ... Element der Liste"
das dann mit aktualisiere in den DP schreiben.

[besc0029]

@homoran bekomm das irgendwie nicht hin. Wenn ich versuche, das Array zu zerlegen, kommt immer der Fehler:

TypeError: Cannot read properties of undefined (reading 'split')

[liv-in-sky]

@besc0029

bedeutet das:
alles davor weglassen ?
2624.3, vor 13 monaten
2620.6, vor 12 monaten
3094.1, vor 11 monaten
2092.3, vor 10 monaten
1858.3,vor 9monaten
1073.2, vor 8 monaten
179, vor 7monaten
0, vor 6 monaten
0, vor 5 monaten
0, vor 4 monaten
573.2, vor 3 monaten
633.2, vor 2 monaten
1341.3, letztes monat
0 - dieses monat

was machst du dann mit den datenpunkten ? wie willst du das in der vis anzeigen, oder nicht in der vis ? problem - wenn ein neues monat kommt, muss ein neuer dp erstellt werden und alle inhalte verschoben werden - da wäre es besser mit monatsnamen zu arbeiten

[paul53]

@besc0029 sagte: Wenn ich versuche, das Array zu zerlegen

Ein Array kann nicht nochmal zerlegt werden. Ist der Datenpunkt mit der Liste vom Typ "array" oder vom Typ "string" (JSON)?

[besc0029]

@paul53 Ist vom Typ Array

[Homoran]

@besc0029 sagte in Array visualisieren:

das Array zu zerlegen,

warum konvertierst du es nach String?
Dann ist es kein Array mehr.

was kommt denn als debug?
welchen Typ hat der Datenpunkt?

[besc0029]

Das Blockly sieht richtigerweise wohl so aus:

Aber wie gesagt, hab dann immer noch den Konvertierungsfehler

@liv-in-sky : Das Array ist immer gleich lang. Neue Monate werden durch überschreiben der alten angelegt, d.h. die Anzahl der Werte im Array ist stets konstant.

[paul53]

@besc0029 sagte: Ist vom Typ Array

Dann teste es mal so:

EDIT: Mit Trigger:

Wert findet man unter "Trigger".

[liv-in-sky]

@besc0029

so kannst du erstmal durch das array gehen, wenn der dp vom typ array ist:

[Homoran]

@liv-in-sky sagte in Array visualisieren:

wenn der dp vom typ array ist:

Deswegen warten wir suf die Ausgaben vom debug Block

[besc0029]

Hallo,

habs hinbekommen das Array zu zerlegen:

Jetzt weiss ich nur nicht, wie ich das am Besten in eine Visualisierung packe, so dass bspw. jeder Datenpunkt einen Balken im Diagramm darstellt. Wenn ich alle Verbrauchswerte so wie im Debug in unterschiedliche Datenpunkte schreibe, bekomme ich diese ja nicht sinnvoll in eine visuelle Darstellung überführt.

Wenn ich "in Excel" denke, würde ich ne Pivot-Tabelle machen und daraus ne Visualisierung. Im iOBroker fällt mir aber gar nichts ein - nicht zuletzt, weil die historischen Datenpunkte, wie bspw Verbrauch vor 15 Monaten (mein beispiel wertet das Stunden Array aus, es gibt aber auch Monats und Jahres-Arrays) ja nicht sinnvoll erfasst werden wenn ich die über History-Adapter oder InfluxDB schreibe - dort wäre ja das Änderungsdatum stetas der aktuelle Zeitstempel.

BIn für jede Idee dankbar.

VG
Bernhard

[Homoran]

@besc0029 sagte in Array visualisieren:

dort wäre ja das Änderungsdatum stetas der aktuelle Zeitstempel.
BIn für jede Idee dankbar.

da die Antwort hierzu ebenfalls noch aussteht, gab es bisher auch keine Hinweise
@homoran sagte in Array visualisieren:

@besc0029 sagte in Array visualisieren:

Diese Werte wollte ich jetzt visualisieren,

in welcher Form?

[liv-in-sky]

@besc0029

eine tabelle bekommst du entweder:

• durch das erstellen eines html codes (z.b. <table>.... )und dem standard html widget
• durch das erstellen eines json's und dann das json widget nutzen

ein balkendiagramm ginge über material-design chart json widget - etwas kompliziert zu erstellen https://github.com/Scrounger/ioBroker.vis-materialdesign#bar-chart

[liv-in-sky]

@besc0029

habe mir das bar widget nochmal angesehen - sollte durch eine kleine zusatz function in deinem script machbar sein

zb:

habe keine formatierungen vorgenommen

script

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id=")PpBF*Mr-.)km3?H1RN0">zaehler</variable>
   <variable id="#B}=_xXtWf49*.M/n6`w">time</variable>
   <variable id="n|.+@erN%k!^D7N$yKU)">myVal</variable>
   <variable id="Ju,~uIvLu1^z^%xeErUy">relevArry</variable>
   <variable id="k,4(;#/BOO|Iq)z8psxb">jsonBar</variable>
   <variable id="]9aZ_E#/9W%[?sfk.DV4">j</variable>
 </variables>
 <block type="variables_set" id="x`*JXi`fn*3W~l7HI^.X" x="-538" y="-262">
   <field name="VAR" id=")PpBF*Mr-.)km3?H1RN0">zaehler</field>
   <value name="VALUE">
     <block type="math_number" id="_K]GiH=A#4x)$qyb:#S{">
       <field name="NUM">13</field>
     </block>
   </value>
   <next>
     <block type="variables_set" id="|cDG7Q/4J%#vMh3HJl/p">
       <field name="VAR" id="Ju,~uIvLu1^z^%xeErUy">relevArry</field>
       <value name="VALUE">
         <block type="get_value" id="pEa/tq8ha,NDg~Jp87nZ">
           <field name="ATTR">val</field>
           <field name="OID">0_userdata.0.CONTROL-OWN.AAATEST.testArray</field>
         </block>
       </value>
       <next>
         <block type="variables_set" id="%^z^TO+Z(ZR0gx*#E%$U">
           <field name="VAR" id="k,4(;#/BOO|Iq)z8psxb">jsonBar</field>
           <value name="VALUE">
             <block type="lists_create_with" id="dHh9Ap,1_2+W%Veru`{G">
               <mutation items="0"></mutation>
             </block>
           </value>
           <next>
             <block type="controls_for" id="}+fz2=:Kj[RMA{M9Bp?n">
               <field name="VAR" id="]9aZ_E#/9W%[?sfk.DV4">j</field>
               <value name="FROM">
                 <shadow type="math_number" id="p$dz:k8sRw{:]um)/fo@">
                   <field name="NUM">23</field>
                 </shadow>
               </value>
               <value name="TO">
                 <shadow type="math_number" id="aztPj0ll*WMy2QwAL|)y">
                   <field name="NUM">10</field>
                 </shadow>
                 <block type="lists_length" id="qMR9SX29(}w_,gZP;aa8">
                   <value name="VALUE">
                     <block type="variables_get" id="P35RiuTkx?$k_eNgpjfU">
                       <field name="VAR" id="Ju,~uIvLu1^z^%xeErUy">relevArry</field>
                     </block>
                   </value>
                 </block>
               </value>
               <value name="BY">
                 <shadow type="math_number" id="%z_o3E3O0*?OiUdadboK">
                   <field name="NUM">1</field>
                 </shadow>
               </value>
               <statement name="DO">
                 <block type="debug" id="`9r8@u[f2LLNm.pE5lTl">
                   <field name="Severity">log</field>
                   <value name="TEXT">
                     <shadow type="text" id="W9:}:y0LG2cWPfTT%:O:">
                       <field name="TEXT">test</field>
                     </shadow>
                     <block type="text_join" id="(G3Jv7C6d8OU(=}L!tf*">
                       <mutation items="4"></mutation>
                       <value name="ADD0">
                         <block type="text" id="%.$PDQv]!${9n8I=bsk}">
                           <field name="TEXT">vor  </field>
                         </block>
                       </value>
                       <value name="ADD1">
                         <block type="variables_get" id="M@tTp=g_-rt%7mKtj_LJ">
                           <field name="VAR" id=")PpBF*Mr-.)km3?H1RN0">zaehler</field>
                         </block>
                       </value>
                       <value name="ADD2">
                         <block type="text" id="o}-#v3rp|Xo9gC.;NRJs">
                           <field name="TEXT"> Monaten: </field>
                         </block>
                       </value>
                       <value name="ADD3">
                         <block type="lists_getIndex" id="9=mUa5+o}4pdTssc/TCi">
                           <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="q{Ka[R3@bzb?cxdWIbqP">
                               <field name="VAR" id="Ju,~uIvLu1^z^%xeErUy">relevArry</field>
                             </block>
                           </value>
                           <value name="AT">
                             <block type="variables_get" id="v):emG3uW1!E,)3gSof6">
                               <field name="VAR" id="]9aZ_E#/9W%[?sfk.DV4">j</field>
                             </block>
                           </value>
                         </block>
                       </value>
                     </block>
                   </value>
                   <next>
                     <block type="procedures_callcustomnoreturn" id="rjlq0tg)_$+!Bb0E4$-a">
                       <mutation name="makeCahrt">
                         <arg name="time"></arg>
                         <arg name="myVal"></arg>
                       </mutation>
                       <value name="ARG0">
                         <block type="text_join" id="(ohhjxw4b)?k@OyeTi{#">
                           <mutation items="2"></mutation>
                           <value name="ADD0">
                             <block type="variables_get" id="r.)pOJ{YWj8|`_/I:A%b">
                               <field name="VAR" id=")PpBF*Mr-.)km3?H1RN0">zaehler</field>
                             </block>
                           </value>
                           <value name="ADD1">
                             <block type="text" id="@t@ILEHI[4Z:vAN;:3(.">
                               <field name="TEXT"> Mon </field>
                             </block>
                           </value>
                         </block>
                       </value>
                       <value name="ARG1">
                         <block type="lists_getIndex" id="cXy[?WlWlNd,#(^;_Vet">
                           <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=":NYeouxSNAT|i#nmPX:3">
                               <field name="VAR" id="Ju,~uIvLu1^z^%xeErUy">relevArry</field>
                             </block>
                           </value>
                           <value name="AT">
                             <block type="variables_get" id="558Eh-2xk_..K,qln;lJ">
                               <field name="VAR" id="]9aZ_E#/9W%[?sfk.DV4">j</field>
                             </block>
                           </value>
                         </block>
                       </value>
                       <next>
                         <block type="math_change" id="H6hcLVwO1E,g_3tW(NSM">
                           <field name="VAR" id=")PpBF*Mr-.)km3?H1RN0">zaehler</field>
                           <value name="DELTA">
                             <shadow type="math_number" id="S1}rbG`Z5%G4d3Jfmb8#">
                               <field name="NUM">-1</field>
                             </shadow>
                           </value>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </statement>
               <next>
                 <block type="control" id="H!`-k(x.]am?Oyqx4gkD">
                   <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                   <field name="OID">0_userdata.0.CONTROL-OWN.AAATEST.TestJSON</field>
                   <field name="WITH_DELAY">FALSE</field>
                   <value name="VALUE">
                     <block type="convert_object2json" id="YW=0J^(l;z(%mmFV6Fhb">
                       <field name="PRETTIFY">FALSE</field>
                       <value name="VALUE">
                         <block type="variables_get" id="ohC{YlU$P@jfK:ob1U@;">
                           <field name="VAR" id="k,4(;#/BOO|Iq)z8psxb">jsonBar</field>
                         </block>
                       </value>
                     </block>
                   </value>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </next>
     </block>
   </next>
 </block>
 <block type="procedures_defcustomnoreturn" id="s/Qt`oX0xJN2!Yec64^l" x="137" y="163">
   <mutation statements="false">
     <arg name="time" varid="#B}=_xXtWf49*.M/n6`w"></arg>
     <arg name="myVal" varid="n|.+@erN%k!^D7N$yKU)"></arg>
   </mutation>
   <field name="NAME">makeCahrt</field>
   <field name="SCRIPT">anNvbkJhci5wdXNoKHsNCgkJImxhYmVsIjogdGltZSwNCgkJInZhbHVlIjogbXlWYWwNCgkJDQoJfSkNCg==</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
</xml>

[besc0029]

@liv-in-sky Danke soweit für die Ausführungen. Deine Visualisierung entspricht dem wo ich hin will.

Leider verstehe ich in der Blockly-Erweiterung bei Dir nur "Bahnhof und Abfahrt". Könntest Du das ggf. etwas ausführen, insbesondere Hinsichtlich des Bausteins "Javaskript-Funktion" - ich weiss leider gar nicht wie ich den Baustein zu verwenden hab.

Auch verstehe ich nicht ganz,. wie die Daten nacher ins BarWidget gewandert sind ...

Sorry, aber ist ja die Rubrik "Einsteigerfragen" :-(

Danke für Deine Bemühungen....

VG

[liv-in-sky]

@besc0029

• du brauchst die material design widgets
• du machst dir einen datenpunkt vom typ zeichenkette irgendwo unter 0_userdata.0. .....
• die tabelle braucht die inventwo widgets
• beide widgets brauchen den von dir erstellten datenpunkt als object id, denn da steht drin, was der graph und die tabelle benötigen
• die funktion erzeugt ein json-object und schreibt dies in eine liste und dann in einen datenpunkt - das brauchen die widgets - es ist einfacher das direkt in javascript zu machen - blockly ist nicht wirklich dazu geeignet - das script mit der function kannst du ja importieren und dann sieht man eigentlich, was es macht. eine function übernimmt immer die selbe aufgabe und wird aufgerufen mit verschiedenen inhalten der variablen.

hier wären die beiden widgets zum importieren:

Spoiler

[{"tpl":"i-vis-jsontable","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","iTblRowLimit":"20","iTableRefreshRate":"0","iTblSortOrder":"asc","iColCount":"2","iColShow1":"true","iTblHeadTextAlign1":"center","iTblTextAlign1":"center","iTblCellFormat1":"normal","iTblCellImageSize1":"200","iTblCellBooleanCheckbox1":"false","iTblCellBooleanColorFalse1":"#ff0000","iTblCellBooleanColorTrue1":"#00ff00","iTblCellNumberDecimals1":"2","iTblCellNumberDecimalSeperator1":".","iTblCellNumberThousandSeperator1":",","iTblCellThresholdsDp1":"","iTblCellThresholdsText1":"","iOpacityAll":"1","iTblRowEvenColor":"#479de6","iTblRowUnevenColor":"#8dadb9","iTblHeaderColor":"#204565","iRowSpacing":"2.8","iTblRowEvenTextColor":"#ffffff","iTblRowUnevenTextColor":"#ffffff","iTblHeaderTextColor":"#ffffff","iBorderSize":"0","iBorderStyleLeft":"none","iBorderStyleRight":"none","iBorderStyleUp":"none","iBorderStyleDown":"none","iBorderColor":"#ffffff","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,"oid":"0_userdata.0.CONTROL-OWN.AAATEST.TestJSON","iTblShowHead":true,"iColShow2":"true","iTblHeadTextAlign2":"center","iTblTextAlign2":"center","iTblCellFormat2":"normal","iTblCellImageSize2":"200","iTblCellBooleanCheckbox2":"false","iTblCellBooleanColorFalse2":"#ff0000","iTblCellBooleanColorTrue2":"#00ff00","iTblCellNumberDecimals2":"2","iTblCellNumberDecimalSeperator2":".","iTblCellNumberThousandSeperator2":",","iTblCellThresholdsDp2":"","iTblCellThresholdsText2":"","iColShow3":"true","iTblHeadTextAlign3":"center","iTblTextAlign3":"center","iTblCellFormat3":"normal","iTblCellImageSize3":"200","iTblCellBooleanCheckbox3":"false","iTblCellBooleanColorFalse3":"#ff0000","iTblCellBooleanColorTrue3":"#00ff00","iTblCellNumberDecimals3":"2","iTblCellNumberDecimalSeperator3":".","iTblCellNumberThousandSeperator3":",","iTblCellThresholdsDp3":"","iTblCellThresholdsText3":"","iColShow4":"true","iTblHeadTextAlign4":"center","iTblTextAlign4":"center","iTblCellFormat4":"normal","iTblCellImageSize4":"200","iTblCellBooleanCheckbox4":"false","iTblCellBooleanColorFalse4":"#ff0000","iTblCellBooleanColorTrue4":"#00ff00","iTblCellNumberDecimals4":"2","iTblCellNumberDecimalSeperator4":".","iTblCellNumberThousandSeperator4":",","iTblCellThresholdsDp4":"","iTblCellThresholdsText4":"","iColShow5":"true","iTblHeadTextAlign5":"center","iTblTextAlign5":"center","iTblCellFormat5":"normal","iTblCellImageSize5":"200","iTblCellBooleanCheckbox5":"false","iTblCellBooleanColorFalse5":"#ff0000","iTblCellBooleanColorTrue5":"#00ff00","iTblCellNumberDecimals5":"2","iTblCellNumberDecimalSeperator5":".","iTblCellNumberThousandSeperator5":",","iTblCellThresholdsDp5":"","iTblCellThresholdsText5":"","iColShow6":"true","iTblHeadTextAlign6":"center","iTblTextAlign6":"center","iTblCellFormat6":"normal","iTblCellImageSize6":"200","iTblCellBooleanCheckbox6":"false","iTblCellBooleanColorFalse6":"#ff0000","iTblCellBooleanColorTrue6":"#00ff00","iTblCellNumberDecimals6":"2","iTblCellNumberDecimalSeperator6":".","iTblCellNumberThousandSeperator6":",","iTblCellThresholdsDp6":"","iTblCellThresholdsText6":"","iColShow7":"true","iTblHeadTextAlign7":"center","iTblTextAlign7":"center","iTblCellFormat7":"normal","iTblCellImageSize7":"200","iTblCellBooleanCheckbox7":"false","iTblCellBooleanColorFalse7":"#ff0000","iTblCellBooleanColorTrue7":"#00ff00","iTblCellNumberDecimals7":"2","iTblCellNumberDecimalSeperator7":".","iTblCellNumberThousandSeperator7":",","iTblCellThresholdsDp7":"","iTblCellThresholdsText7":"","iColShow8":"true","iTblHeadTextAlign8":"center","iTblTextAlign8":"center","iTblCellFormat8":"normal","iTblCellImageSize8":"200","iTblCellBooleanCheckbox8":"false","iTblCellBooleanColorFalse8":"#ff0000","iTblCellBooleanColorTrue8":"#00ff00","iTblCellNumberDecimals8":"2","iTblCellNumberDecimalSeperator8":".","iTblCellNumberThousandSeperator8":",","iTblCellThresholdsDp8":"","iTblCellThresholdsText8":"","iColShow9":"true","iTblHeadTextAlign9":"center","iTblTextAlign9":"center","iTblCellFormat9":"normal","iTblCellImageSize9":"200","iTblCellBooleanCheckbox9":"false","iTblCellBooleanColorFalse9":"#ff0000","iTblCellBooleanColorTrue9":"#00ff00","iTblCellNumberDecimals9":"2","iTblCellNumberDecimalSeperator9":".","iTblCellNumberThousandSeperator9":",","iTblCellThresholdsDp9":"","iTblCellThresholdsText9":"","iTblFixedHead":true,"iTblSortAttr":"","iColName1":"MONAT","iColName2":"WERT"},"style":{"left":"791px","top":"655px","width":"216px","height":"299px","font-size":"small","overflow-y":"scroll"},"widgetSet":"vis-inventwo"},{"tpl":"tplVis-materialdesign-Chart-Bar","data":{"oid":"0_userdata.0.CONTROL-OWN.AAATEST.TestJSON","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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","chartDataMethod":"jsonStringObject","dataCount":"0","chartType":"vertical","backgroundColor":"#mdwTheme:vis-materialdesign.0.colors.charts.background","chartAreaBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.charts.background_chart","titleLayout":"#mdwTheme:vis-materialdesign.0.fontSizes.card.title","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","globalColor":"#mdwTheme:vis-materialdesign.0.colors.charts.global","hoverColor":"#mdwTheme:vis-materialdesign.0.colors.charts.bar.hover","hoverBorderColor":"#mdwTheme:vis-materialdesign.0.colors.charts.bar.hover_border","showValues":"showValuesOn","valuesFontColor":"#ffffff","valuesFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.value","valuesFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.value","valuesPositionAnchor":"end","valuesPositionAlign":"top","valuesTextAlign":"center","yAxisPosition":"left","yAxisTitleColor":"#ffffff","yAxisTitleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.y_axis_title","yAxisTitleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.y_axis_title","yAxisValueLabelColor":"#ffffff","yAxisValueFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.y_axis_values","yAxisValueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.y_axis_values","yAxisValueDistanceToAxis":"10","yAxisShowAxis":"true","yAxisShowAxisLabels":"true","yAxisShowGridLines":"true","yAxisGridLinesColor":"#mdwTheme:vis-materialdesign.0.colors.charts.y_axis_gridlines","yAxisShowTicks":"true","yAxisZeroLineColor":"#mdwTheme:vis-materialdesign.0.colors.charts.y_axis_zeroline","xAxisPosition":"bottom","xAxisTicksSource":"auto","xAxisTitleColor":"#ffffff","xAxisTitleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.x_axis_title","xAxisTitleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.x_axis_title","xAxisValueLabelColor":"#ffffff","xAxisValueFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.x_axis_values","xAxisValueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.x_axis_values","xAxisValueDistanceToAxis":"0","xAxisShowAxis":"true","xAxisShowAxisLabels":"true","xAxisShowGridLines":"true","xAxisGridLinesColor":"#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_gridlines","xAxisShowTicks":"true","xAxisZeroLineColor":"#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_zeroline","xAxisMinRotation":"0","xAxisMaxRotation":"0","legendPosition":"right","legendFontColor":"#mdwTheme:vis-materialdesign.0.colors.charts.legend","legendFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.legend","legendFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.legend","legendPointStyle":"true","showTooltip":"true","tooltipBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_background","tooltipShowColorBox":"true","tooltipTitleFontColor":"#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_title","tooltipTitleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.tooltip_title","tooltipTitleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.tooltip_title","tooltipBodyFontColor":"#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_text","tooltipBodyFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.tooltip_text","tooltipBodyFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.tooltip_text","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,"valueTextColor0":"#ffffff"},"style":{"left":"24px","top":"631px","width":"740px","height":"315px"},"widgetSet":"materialdesign"}]

die widget werden darüber installiert:

hoffe, die erklärung reicht - ansonsten nochmal spezieller nachfragen