Test Adapter Material Design Widgets v0.2.x

[Sempre]

@Scrounger

Ich hab meine VIS komplett neu angefangen, somit die alte nicht wirklich angeschaut, da ich die Grundstruktur ja ersteinmal fertig machen wollte. Daher hatte ich ja keine lauffähige Navigation mehr und wie gesagt ich hatte nur die TopAppBar als Widget "gesehen".
Aber bin eigentlich auch selber schuld, wir hatten in dem anderen Threat ja noch darüber gesprochen, hätte ich schneller drauf kommen können .
Von daher alles gut, machst wie schon öfter gesagt echt nen klasse Job und die Bilder von der View sehen stark aus.

[MarEhg]

Ich habe ein LineHistoryChart (aus V0.2.22) in Verwendung:

Ich habe 2 Fragen:

1. Kann man die Farbe der Y-Achse eines Datensatzes anpassen?
   In meinem Fall hätte ich gern die linke Y-Achse in 'grün'.

2. Wie bekomme ich auf der X-Achse folgende Formatierung hin ...

22:00 Uhr              1:00 Uhr                4:00 Uhr              8:00 Uhr          
02.01.20               03.01.20                03.01.20             03.01.20          

Also das Datum zur Uhrzeit in einer neuen Zeile.

[MarEhg]

@Sempre

Weiter oben ... [Link] (https://forum.iobroker.net/post/347923)
habe ich schonmal Darauf hingewiesen.

[Scrounger]

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

Ich habe definitiv Probleme mit der Aktualisierung. Gehe ich zurück auf die V0.2.22 geht wieder alles.

So nach Stunden des Suchens hab ich den Fehler gefunden. Verursacher sind die neuen Slider und die eingesetzt vutify api. Um das zu lösen braucht es ein Update des VIS Adapters.
PR ist erstellt https://github.com/ioBroker/ioBroker.vis/pull/252.

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

1. Kann man die Farbe der Y-Achse eines Datensatzes anpassen?
   In meinem Fall hätte ich gern die linke Y-Achse in 'grün'.

Nein.

2. Wie bekomme ich auf der X-Achse folgende Formatierung hin ...

22:00 Uhr              1:00 Uhr                4:00 Uhr              8:00 Uhr          
02.01.20               03.01.20                03.01.20             03.01.20          

Steht in der Doku, einfach mal damit rumprobieren, dann bekommst den dreh raus.
https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart setting time formats of x-axis.

Scrounger created this issue in ioBroker/ioBroker.vis

closed support for material design widgets #252

[skokarl]

wenn man mehrere Button Toogle ( vielleicht auch State ) markiert ( CTRL und Klick ) und die mit Shift und Cursor
versucht gemeinsam zu verbreitern....werden sie verkleinert.

Da sind noch Kleinigkeiten nicht in Ordnung, ist beim arbeiten damit aber echt blöd.

Auch die Kombination zwischen Text und Bild auf dem Button führt manchmal zu komischen Größenveränderungen.

[MarEhg]

@Scrounger

zu 2: Mit den Daten (Uhrzeit und Datum) bekomme ich natürlich hin, aber mit dem Zeilenumbruch nicht. Geht das?

[MarEhg]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

2. Wie bekomme ich auf der X-Achse folgende Formatierung hin ...

22:00 Uhr              1:00 Uhr                4:00 Uhr              8:00 Uhr          
02.01.20               03.01.20                03.01.20             03.01.20          

Steht in der Doku, einfach mal damit rumprobieren, dann bekommst den dreh raus.
https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart setting time formats of x-axis.

Wie bekomme ich den Zeilenumbruch hin? Uhrzeit und Datum ist natürlich kein Problem.

[MarEhg]

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

2. Wie bekomme ich auf der X-Achse folgende Formatierung hin ...

22:00 Uhr              1:00 Uhr                4:00 Uhr              8:00 Uhr          
02.01.20               03.01.20                03.01.20             03.01.20          

Steht in der Doku, einfach mal damit rumprobieren, dann bekommst den dreh raus.
https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart setting time formats of x-axis.

Wie bekomme ich den Zeilenumbruch hin? Uhrzeit und Datum ist natürlich kein Problem.

Hab es rausgefunden!

{"hour":"H:00 [Uhr\\n] DD.MM.YY"}

oder

{"hour":"H:00 [Uhr\\n] DD.MM[.]"}

[Sempre]

@MarEhg
hab ich dann wohl überlesen

[darkiop]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

Sorry für die Verspätete Antwort.

@darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

Was meinst du dazu? Macht Sinn das ich auf Github Issues dafür anlege?

Klar macht sicher Sinn, muss sich halt nur jemand finden, der das dann auch umsetzt.
Solange ich diese Features selber nicht benötige, werde ich sie auch nicht umsetzen, da das sehr viel Zeit kostet.

Das ist auch Ok Du hast hier halt ein klasse Projekt gestartet das beim anwenden auch weitere Ideen generiert

Und die Issues / Features müssen verständlich sein, weil

• oid mit DP schaltbar machen

Versteh ich nicht.

Hier ein Beispiel. Ich habe mit deinem Widget eine recht flexible View erstellt. Die OIDs werden durch einen DP gesetzt - darunter ist auch ein Wert 'deaktiviert'. Anhand der OIDs bzw. dem Wert deaktiviert befülle ich einen weiteren DP mit einem Text der dann als VIS Bindung in das Legenden-Textfeld geschrieben wird.

Stelle ich jetzt aber eine OID auf 'deaktiviert' wird trotzdem ein SQL Statement abgesetzt, welches dann natürlich keine Treffer landet:

info: sql.0 (24704) No Data

Gäbe es jetzt noch einen DP über den ich die OIDs von der VIS aus aktivieren/deaktivieren kann, könnte man den Fehler vermeiden. Das ist natürlich nur kosmetik, das Log macht natürlich nicht weg. Ich hatte die lezten Wochen aber so einen Tick und hab mein Log-File aufgeräumt und drauf geachtet das nur das geschriebn wird was auch wirklich gebraucht wird

View:

• bei den history charts über DP Start / Ende Zeit der Selektion setzen

Versteh ich nicht, bzw. geht doch schon das Zeitinterval per Datenpunkt zu ändern.
Mir ist auch kein Usecase ersichtlich warum man das in ner vis benötigen würden. Will man detaillierte Infos dann geht man an den Rechner und schaut sich es per Flot / Grafana oder direkt in der DB an.

Da hast du Recht, streiche diese Idee

value select

• 'inhalt' des selects über einen DP (String/Liste)

Gibts schon https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/25

Stimmt, sogar von mir - das war noch in meinen Notizen und ist mir reingerutscht.

Andere Frage, Farben mit transparenz-Werten angeben zu können (rgba()) wäre ein VIS Thema oder?

darkiop created this issue in Scrounger/ioBroker.vis-materialdesign

closed [Select] Objekt vom typ werteliste "koppeln" #25

[Scrounger]

@darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

Hier ein Beispiel. Ich habe mit deinem Widget eine recht flexible View erstellt. Die OIDs werden durch einen DP gesetzt - darunter ist auch ein Wert 'deaktiviert'. Anhand der OIDs bzw. dem Wert deaktiviert befülle ich einen weiteren DP mit einem Text der dann als VIS Bindung in das Legenden-Textfeld geschrieben wird.

Gäbe es jetzt noch einen DP über den ich die OIDs von der VIS aus aktivieren/deaktivieren kann, könnte man den Fehler vermeiden. Das ist natürlich nur kosmetik, das Log macht natürlich nicht weg. Ich hatte die lezten Wochen aber so einen Tick und hab mein Log-File aufgeräumt und drauf geachtet das nur das geschriebn wird was auch wirklich gebraucht wird

Ok ich glaub ich hab es verstanden. Also du hast quasi ein Chart mit 3 Datensätze und die Datensätze kannst du dynamisch ändern?
Und wie geht das? Also was trägst du in dein OID ein. Idee find ich recht interessant, weil dann nicht alle Daten geladen werden müssten.

Andere Frage, Farben mit transparenz-Werten angeben zu können (rgba()) wäre ein VIS Thema oder?

Geht doch schon längst

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

1. Kann man die Farbe der Y-Achse eines Datensatzes anpassen?
   In meinem Fall hätte ich gern die linke Y-Achse in 'grün'.

Geht jetzt doch:

[darkiop]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

Ok ich glaub ich hab es verstanden. Also du hast quasi ein Chart mit 3 Datensätze und die Datensätze kannst du dynamisch ändern?
Und wie geht das? Also was trägst du in dein OID ein. Idee find ich recht interessant, weil dann nicht alle Daten geladen werden müssten.

So wird ein Chart halt sehr flexibel. Wenn ich das für alle meine Werte umsetze spare ich sicher 10-15 Views ...

Über die Bindings:

Hier der View. Der Legendentext wird in einem Skript geschrieben (wenn OID = 4711, dann text ....):

Spoiler

{
 "settings": {
   "style": {
     "background_class": ""
   },
   "theme": "black-tie",
   "sizex": "",
   "sizey": "",
   "gridSize": "10",
   "snapType": 2,
   "useBackground": false
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": true,
       "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,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "refreshInterval": "0",
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis.0/main-2020/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.0/main-2020/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.0/main-2020/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "html": "",
       "class": "mdui-abar mdui-bluegrey-bg",
       "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,
       "comment": "",
       "name": "app-bar"
     },
     "style": {
       "left": "0px",
       "top": "-1px",
       "width": "100%",
       "height": "50px",
       "z-index": "0",
       "color": "#ffffff",
       "text-align": "center",
       "font-family": "RobotoCondensed-Light"
     },
     "widgetSet": "basic"
   },
   "e00002": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": true,
       "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,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "refreshInterval": "0",
       "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,
       "html": "Klima - Thermometer im Haus",
       "class": "mdui-title",
       "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
     },
     "style": {
       "left": "calc(0% + 50px)",
       "top": "13px",
       "width": "264px",
       "height": "23px",
       "z-index": 1,
       "font-family": "RobotoCondensed-Light"
     },
     "widgetSet": "basic"
   },
   "e00003": {
     "tpl": "tplImage",
     "data": {
       "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",
       "refreshInterval": "0",
       "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,
       "src": "/icons-mfd-png/fts_shutter_manual.png"
     },
     "style": {
       "left": "0",
       "top": "-1px",
       "width": "50px",
       "height": "50px",
       "font-family": "RobotoCondensed-Light"
     },
     "widgetSet": "basic"
   },
   "e00004": {
     "tpl": "tplJquiButtonLinkBlank",
     "data": {
       "g_fixed": true,
       "g_visibility": true,
       "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": "true",
       "visibility-groups-action": "hide",
       "buttontext": "EDIT",
       "padding": "0",
       "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,
       "href": "http://iobroker-master.birkenweg.walk-steinweiler.de:8082/vis/edit.html?main-2020#{view}",
       "no_style": false,
       "class": "mdui-flatbutton",
       "visibility-oid": "javascript.0.VIS.Edit_Mode"
     },
     "style": {
       "left": "calc(100% - 80px)",
       "top": "10px",
       "width": "auto",
       "height": "30px"
     },
     "widgetSet": "jqui"
   },
   "e00005": {
     "tpl": "tplVis-materialdesign-Chart-Line-History",
     "data": {
       "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",
       "dataCount": "2",
       "aggregate": "average",
       "timeIntervalToShow": "30 seconds",
       "refreshMethod": "byObject",
       "refreshTimeInterval": "1 day",
       "pointStyle": "circle",
       "showLegend": "true",
       "legendPosition": "top",
       "legendPointStyle": "true",
       "showTooltip": "true",
       "tooltipTimeFormats": "{\"millisecond\":\"lll:ss\",\"second\":\"lll:ss\",\"minute\":\"lll\",\"hour\":\"lll\",\"day\":\"lll\",\"week\":\"lll\",\"month\":\"lll\",\"quarter\":\"lll\",\"year\":\"lll\"}",
       "tooltipShowColorBox": "true",
       "lineSpanGaps0": "true",
       "lineSpanGaps1": "true",
       "xAxisPosition": "bottom",
       "xAxisBounds": "dataSet",
       "xAxisTimeFormats": "{\"millisecond\":\"H:mm:ss.SSS\",\"second\":\"H:mm:ss\",\"minute\":\"H:mm\",\"hour\":\"H\",\"day\":\"ddd DD.\",\"week\":\"ll\",\"month\":\"MMM YYYY\",\"quarter\":\"[Q]Q - YYYY\",\"year\":\"YYYY\"}",
       "xAxisValueDistanceToAxis": "0",
       "xAxisShowAxis": "true",
       "xAxisShowAxisLabels": "true",
       "xAxisShowGridLines": "true",
       "xAxisShowTicks": "true",
       "yAxisValueDistanceToAxis": "10",
       "showYAxis0": "true",
       "yAxisPosition0": "left",
       "yAxisShowGridLines0": false,
       "yAxisShowTicks0": "true",
       "yAxisShowAxisBorder0": "true",
       "showYAxis1": true,
       "yAxisPosition1": "right",
       "yAxisShowGridLines1": false,
       "yAxisShowTicks1": "true",
       "yAxisShowAxisBorder1": "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,
       "historyAdapterInstance": "sql.0",
       "oid0": "{javascript.0.VIS.Daten.Charts.Klima.OID0}",
       "multiply0": "1",
       "multiply1": "1",
       "colorScheme": "",
       "manualRefreshTrigger": "javascript.0.VIS.Daten.Charts.Klima.Refresh",
       "time_interval_oid": "javascript.0.VIS.Daten.Charts.Klima.Zeitintervall",
       "oid1": "{javascript.0.VIS.Daten.Charts.Klima.OID1}",
       "legendBoxWidth": "72",
       "yAxisTitleColor": "#ffffff",
       "yAxisValueLabelColor": "#ffffff",
       "xAxisValueLabelColor": "#ffffff",
       "legendText0": "{javascript.0.VIS.Daten.Charts.Klima.OID0_legende}",
       "legendText1": "{javascript.0.VIS.Daten.Charts.Klima.OID1_legende}",
       "yAxisMinValue1": "10",
       "yAxisMaxValue1": "70",
       "yAxisValueAppendText1": " %",
       "yAxisValueAppendText0": " °C",
       "yAxisMinValue0": "10",
       "yAxisMaxValue0": "70",
       "yAxisTitle1": "",
       "yAxisTitle0": "",
       "animationDuration": "500",
       "chartPaddingTop": "",
       "fillColor0": "#007bdb",
       "dataColor0": "#0061ad",
       "pointSize": "1",
       "useFillColor0": false,
       "dataColor1": "#068f00",
       "legendFontColor": "#ffffff",
       "fillColor1": "#08b800",
       "useFillColor1": false,
       "lineThikness1": "1",
       "lineThikness0": "1",
       "pointSizeHover": "5",
       "legendFontFamily": "RobotoCondensed-Light",
       "legendFontSize": "12",
       "tooltipBodyFontFamily": "RobotoCondensed-Light",
       "tooltipBodyFontSize": "12",
       "yAxisGridLinesWitdh0": "",
       "yAxisValueFontFamily": "RobotoCondensed-Light",
       "yAxisValueFontSize": "12",
       "xAxisTitle": "",
       "xAxisTitleFontFamily": "RobotoCondensed-Light",
       "xAxisTitleFontSize": "12",
       "xAxisTitleColor": "#ffffff",
       "xAxisValueFontFamily": "RobotoCondensed-Light",
       "xAxisValueFontSize": "12",
       "axisValueAppendText": "",
       "commonYAxis0": "",
       "lineSpanGaps2": "true",
       "showYAxis2": false,
       "yAxisPosition2": "left",
       "yAxisShowGridLines2": false,
       "yAxisShowTicks2": "true",
       "yAxisShowAxisBorder2": "true",
       "legendText2": "{javascript.0.VIS.Daten.Charts.Klima.OID2_legende}",
       "lineThikness2": "1",
       "dataColor2": "#e0c800",
       "fillColor2": "#ffe514",
       "lineSpanGaps3": "true",
       "showYAxis3": "true",
       "yAxisPosition3": "left",
       "yAxisShowGridLines3": "true",
       "yAxisShowTicks3": "true",
       "yAxisShowAxisBorder3": "true",
       "yAxisMinValue2": "10",
       "yAxisMaxValue2": "70",
       "oid2": "{javascript.0.VIS.Daten.Charts.Klima.OID2}",
       "multiply2": "1",
       "useFillColor2": false
     },
     "style": {
       "left": "210px",
       "top": "60px",
       "width": "calc(100% - 220px)",
       "height": "400px"
     },
     "widgetSet": "materialdesign"
   },
   "e00006": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.Zeitintervall",
       "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",
       "values": "21",
       "layout": "outlined",
       "showValueOnRight": false,
       "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,
       "value0": "30 seconds",
       "value1": "1 minute",
       "value2": "2 minutes",
       "value3": "5 minutes",
       "value4": "10 minutes",
       "value5": "30 minutes",
       "value6": "1 hour",
       "value7": "2 hours",
       "value8": "4 hours",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "selectTextColor": "#ffffff",
       "hintText": "Zeitintervall",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "1000"
     },
     "style": {
       "left": "10px",
       "top": "70px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   },
   "e00007": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.OID0",
       "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",
       "values": "8",
       "layout": "outlined",
       "showValueOnRight": false,
       "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,
       "value0": "linkeddevices.0.klima.sensoren.kueche_temperatur",
       "value1": "linkeddevices.0.klima.sensoren.kueche_luftfeuchtigkeit",
       "value2": "linkeddevices.0.klima.sensoren.flur_temperatur",
       "value3": "linkeddevices.0.klima.sensoren.flur_luftfeuchtigkeit",
       "value4": "linkeddevices.0.klima.sensoren.buero_temperatur",
       "value5": "linkeddevices.0.klima.sensoren.buero_luftfeuchtigkeit",
       "value6": "linkeddevices.0.klima.sensoren.netzwerkrack_temperatur",
       "value7": "linkeddevices.0.klima.sensoren.netzwerkrack_luftfeuchtigkeit",
       "value8": "deaktiviert",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "label0": "Küche: Temperatur",
       "label1": "Küche: Luftfeuchtigkeit",
       "selectTextColor": "#ffffff",
       "hintText": "OID0",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "900",
       "label2": "Flur: Temperatur",
       "label4": "Büro: Temperatur",
       "label5": "Büro: Luftfeuchtigkeit",
       "label3": "Flur: Luftfeuchtigkeit",
       "label6": "Netzwerkrack: Temperatur",
       "label7": "Netzwerkrack: Luftfeuchtigkeit"
     },
     "style": {
       "left": "10px",
       "top": "140px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   },
   "e00008": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.OID1",
       "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",
       "values": "8",
       "layout": "outlined",
       "showValueOnRight": false,
       "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,
       "value0": "linkeddevices.0.klima.sensoren.kueche_temperatur",
       "value1": "linkeddevices.0.klima.sensoren.kueche_luftfeuchtigkeit",
       "value2": "linkeddevices.0.klima.sensoren.flur_temperatur",
       "value3": "linkeddevices.0.klima.sensoren.flur_luftfeuchtigkeit",
       "value4": "linkeddevices.0.klima.sensoren.buero_temperatur",
       "value5": "linkeddevices.0.klima.sensoren.buero_luftfeuchtigkeit",
       "value6": "linkeddevices.0.klima.sensoren.netzwerkrack_temperatur",
       "value7": "linkeddevices.0.klima.sensoren.netzwerkrack_luftfeuchtigkeit",
       "value8": "deaktiviert",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "label0": "Küche: Temperatur",
       "label1": "Küche: Luftfeuchtigkeit",
       "selectTextColor": "#ffffff",
       "hintText": "OID1",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "900",
       "label2": "Flur: Temperatur",
       "label4": "Büro: Temperatur",
       "label5": "Büro: Luftfeuchtigkeit",
       "label3": "Flur: Luftfeuchtigkeit",
       "label6": "Netzwerkrack: Temperatur",
       "label7": "Netzwerkrack: Luftfeuchtigkeit"
     },
     "style": {
       "left": "10px",
       "top": "210px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   },
   "e00009": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.OID2",
       "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",
       "values": "8",
       "layout": "outlined",
       "showValueOnRight": false,
       "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,
       "value0": "linkeddevices.0.klima.sensoren.kueche_temperatur",
       "value1": "linkeddevices.0.klima.sensoren.kueche_luftfeuchtigkeit",
       "value2": "linkeddevices.0.klima.sensoren.flur_temperatur",
       "value3": "linkeddevices.0.klima.sensoren.flur_luftfeuchtigkeit",
       "value4": "linkeddevices.0.klima.sensoren.buero_temperatur",
       "value5": "linkeddevices.0.klima.sensoren.buero_luftfeuchtigkeit",
       "value6": "linkeddevices.0.klima.sensoren.netzwerkrack_temperatur",
       "value7": "linkeddevices.0.klima.sensoren.netzwerkrack_luftfeuchtigkeit",
       "value8": "deaktiviert",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "label0": "Küche: Temperatur",
       "label1": "Küche: Luftfeuchtigkeit",
       "selectTextColor": "#ffffff",
       "hintText": "OID2",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "900",
       "label2": "Flur: Temperatur",
       "label4": "Büro: Temperatur",
       "label5": "Büro: Luftfeuchtigkeit",
       "label3": "Flur: Luftfeuchtigkeit",
       "label6": "Netzwerkrack: Temperatur",
       "label7": "Netzwerkrack: Luftfeuchtigkeit"
     },
     "style": {
       "left": "10px",
       "top": "280px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   }
 },
 "name": "3_card_Daten_Klima_Thermometer_im_Haus",
 "filterList": []
}

Andere Frage, Farben mit transparenz-Werten angeben zu können (rgba()) wäre ein VIS Thema oder?

Geht doch schon längst

Ok, ich hab bisher entweder nur Hex-Werte eingefügt oder über den Button rechts eine Farbe gewählt Gut zu Wissen

[Scrounger]

@darkiop
und wieder was gelernt, wusste gar nicht das man Bindings bei OIDs einsetzen kann.
Das eröffnet einem ja noch ganz andere Möglichkeiten.

Das aber von "haus aus" in das Chart zu implementieren geht denke ich nur sehr schwierig. Und den Aufwand nur wegen log Meldungen - ich glaube du kennst meine Antwort

[darkiop]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@darkiop
und wieder was gelernt, wusste gar nicht das man Bindings bei OIDs einsetzen kann.
Das eröffnet einem ja noch ganz andere Möglichkeiten.

Ja. Das ist schon ne praktische Sache!

Das aber von "haus aus" in das Chart zu implementieren geht denke ich nur sehr schwierig. Und den Aufwand nur wegen log Meldungen - ich glaube du kennst meine Antwort

Verständlich

[darkiop]

@Scrounger Wäre es Möglich im Line History Chart eine 'min' und eine 'max' Linie einzufügen?

[Scrounger]

@darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger Wäre es Möglich im Line History Chart eine 'min' und eine 'max' Linie einzufügen?

Ja das geht sicher, erstell bitte nen issue.

[darkiop]

@Scrounger Ist Erledigt

Bei der nächsten Grill-Session kommt mir das dann zu Hilfe

[Sempre]

@darkiop

Mal ne blöde Frage, ich versuche gerade auch die TopAppBar im Modus "short" zu verwenden und als Hintergrund einen Farbverlauf zu machen. Hast du bei dir das neue Widget "Mansonry View" in Verwendung?
Mein Problem ist nämlich das ich ja den Background so gestalten muss das meine Cards unterhalb der TopAppBar starten und da dachte ich ich mache einfach eine HTML Card in den Hintergrund und packe da dann die "Mansonry View" drauf. Aber leider bekomme ich das dann nicht angeziegt bzw den Farbverlauf nicht in den Hintergrund und das Vidget darüber

[MarEhg]

Kann man eigentlich die Textform und die Textgröße des TopAppBar Layout anpassen?

1. Über CSS?
   -nur css-font-variant funktioniert!
   

2. @Scrounger: Im Top App Layout anpassbar machen?
   

Anmerkung: ich habe "Titel des ausgewählten Navigationselements anzeigen" ausgewählt!

[Scrounger]

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

2. @Scrounger: Im Top App Layout anpassbar machen?

Geht per html tags.

Anmerkung: ich habe "Titel des ausgewählten Navigationselements anzeigen" ausgewählt!

Hier muss man die css klasse überschreiben - mdc-top-app-bar__title