Visualisierung des Stromverbrauchs

[Kusselin]

@kusselin sagte in Visualisierung des Stromverbrauchs:

@homoran sagte in Visualisierung des Stromverbrauchs:

@bunni:

Echt Cool, wie hast Du das gemacht? `
mit ioBroker.vis

hier die aktuelle Version:

Spaß beiseite - wie fit bist du - was fehlt dir an Info…..

Gruß

Rainer

Hallo Rainer,

kannst du bitte wenn es dir recht ist die View udn das/die Scripte hier zur Verfügung stellen....ich suche auch so eine VIS für meine Tasmota gesflashten Zwischensteckdosen.

Danke Dir

Hallo Rainer, dann erkläre mir doch bitte mal wie das mit diesen Icvons geht!!

Die Uhr habe ich ja schon hier von dir...das ist das kleinste Problem. den Teil den ich mit 1 gekennzeichnet habe muss och doch einfach mit einem "HTML-Widget" befüllen udn dann den entsprechenden aktuellen kilowattverbrauch datenpunkt unter objekte auswählen.....oder>?

Punkt 2 ist mir noch unklar wie das gehen soll...da bewegt sich ja glaube ich noch die Nadel oder?

Wä#re echt nett wenn du mir das mitteilen könntest...oder finde ich da irgenwo hier einen Thread?

Danke udn Gruss

[Homoran]

@kusselin sagte in Visualisierung des Stromverbrauchs:

wie das mit diesen Icvons geht!!

das sind einfach darübergelegte basic number widgets

[Kusselin]

@homoran sind die transparent?

[Homoran]

@kusselin sagte in Visualisierung des Stromverbrauchs:

@homoran sind die transparent?

nein

[Kusselin]

@homoran o.k.dann noch ne Frage....im View selbst will ich ein Hintergrund setzen......wie muss die Angabe / Pfad denn da dann lauten?

so klappts net

[Homoran]

@kusselin sagte in Visualisierung des Stromverbrauchs:

im View selbst will ich ein Hintergrund setzen......wie muss die Angabe / Pfad denn da dann lauten?

hab ich noch nie gemacht, ich würde es auf jeden Fall mal unter image versuchen, wenn du ein Image nutzen willst

[Glasfaser]

@kusselin

wie muss die Angabe / Pfad denn da dann lauten?

url("http://deineIPvomioBroker:8082/vis.0/Eigene Bilder/müll.png")

[Kusselin]

@glasfaser nee klappt nicht...:

https://192.168.200.38:8082/vis.0/Eigene Bilder/müll.png

liegt das an dem "ü" von müll?

Wennn der pfad gesetzt ist und ich return drücke müsste das Bild erscheinen-macht es aber nicht

[Glasfaser]

@kusselin

erscheint das Bild , wenn du den Link im Browser nimmst ?

[sigi234]

@kusselin sagte in Visualisierung des Stromverbrauchs:

nee klappt nicht...:

Bei Image eintragen

Warum HTTPS ?

[Kusselin]

@glasfaser sagte in Visualisierung des Stromverbrauchs:

@kusselin

erscheint das Bild , wenn du den Link im Browser nimmst ?

ja so klappts im mozilla
http://192.168.200.38:8082/vis.0/Eigene Bilder/müll.png

[Kusselin]

@glasfaser sagte in Visualisierung des Stromverbrauchs:

url("http://deineIPvomioBroker:8082/vis.0/Eigene Bilder/müll.png")

hab das url...davor vergessen kjetzt gehts danke. habs bei sigi im sreenshot gesehen..

[Kusselin]

@homoran

[Kusselin]

@homoran sagte in Visualisierung des Stromverbrauchs:

@kusselin sagte in Visualisierung des Stromverbrauchs:

wie das mit diesen Icvons geht!!

das sind einfach darübergelegte basic number widgets

und wie macht man das das sich der Pfeil dann auch noch bewegt?

Hast du diese ´s Bild nicht mehr ist das nicht mehr zu finden bei Dir?

[sigi234]

@kusselin sagte in Visualisierung des Stromverbrauchs:

und wie macht man das das sich der Pfeil dann auch noch bewegt?

Importiere das WIDGET und pass es an deine DP an.

[{"tpl":"tplCGradialGauge","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","factor":"1","valueOffset":"0","hCount":"3","minorTicks":"4","animation":"true","needle":true,"needleShadow":true,"needleType":"arrow","borders":false,"borderOuterWidth":"0","borderMiddleWidth":"0","borderInnerWidth":"0","borderShadowWidth":"0","valueBox":true,"ticksAngle":"270","startAngle":"45","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":"hs100.0.192_168_178_23.power","title":"Medion PC","units":"Watt","minValue":"0","maxValue":"200","strokeTicks":true,"needleCircleOuter":true,"needleCircleInner":true,"needleCircleSize":"7","colorNeedleCircleOuter":"#cfcfcf","colorNeedleCircleOuterEnd":"#cfcfcf","colorNeedleCircleInner":"#cfcfcf","colorNeedleCircleInnerEnd":"#cfcfcf","valueInt":"0","valueDec":"2","valueBoxStroke":"0","valueTextShadow":false,"colorNeedle":"#000000","colorNeedleEnd":"#000000","colorValueText":"#000000","colorPlate":"#b3b3b3","colorTitle":"#000000","colorUnits":"#000000","colorNumbers":"#000000","colorValueTextShadow":"#000000","valueBoxBorderRadius":"0","fontValueSize":"30","fontUnitsSize":"40","fontTitleSize":"35","fontNumbersSize":"25","fontNumbersWeight":"bold","majorTicks":"6","animationTarget":"needle","animationRule":"linear","animationDuration":"150","animatedValue":false,"animateOnInit":false,"colorPlateEnd":"#a6a6a6","colorMajorTicks":"","colorMinorTicks":"","colorValueBoxRect":"#000000","colorValueBoxRectEnd":"#000000","colorValueBoxBackground":"transparent","colorNeedleShadowUp":"","needleWidth":"4","needleEnd":"78","valueText":"","highlightsColor1":"#13e105","highlightsFrom1":"0","highlightsTo1":"80","highlightsFrom2":"80","highlightsTo2":"120","highlightsColor2":"#f5b400","highlightsFrom3":"120","highlightsTo3":"200","highlightsColor3":"#d60000","fontValue":"","colorValueBoxShadow":"","colorBorderOuter":"#a6a6a6","colorBorderOuterEnd":"#a6a6a6","colorBorderMiddle":"#a6a6a6","colorBorderMiddleEnd":"#a6a6a6","colorBorderInner":"#a6a6a6","colorBorderInnerEnd":"#a6a6a6","colorBorderShadow":"#a6a6a6"},"style":{"left":"142px","top":"9px","z-index":"4"},"widgetSet":"canvas-gauges"}]

[Glasfaser]

@kusselin

Hier mal ein Beispiel :

Spoiler

[{"tpl":"tplCGradialGauge","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","factor":"9.53674E-05","valueOffset":"0","hCount":"1","minorTicks":"4","animation":"true","needle":"true","needleShadow":"true","needleType":"arrow","borders":"true","borderOuterWidth":"1","borderMiddleWidth":"1","borderInnerWidth":"1","borderShadowWidth":"1","valueBox":true,"ticksAngle":"270","startAngle":"45","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":"upnp.0.WANDevice_-_FRITZ!Box_6591_Cable_(lgi).WANDevice.WANCommonInterfaceConfig.ByteReceiveRate","title":"DOWNLOAD","minValue":"0","maxValue":"1000","units":"MB","valueInt":"3","valueBoxStroke":"0","valueTextShadow":false,"valueBoxBorderRadius":"0","fontValueSize":"30","fontValueStyle":"normal","fontNumbersWeight":"normal","fontUnitsWeight":"normal","fontValueWeight":"bold","fontNumbersSize":"27","valueText":"","valueDec":"2","colorPlate":"#707070","colorTitle":"#ffffff","colorUnits":"#ffffff","colorNumbers":"#ffffff","colorValueText":"","colorValueBoxBackground":"","colorMajorTicks":"#ffffff","colorMinorTicks":"#ffffff","colorBorderOuter":"#0411cd","colorBorderOuterEnd":"#0411cd","colorBorderMiddle":"Gray","colorBorderShadow":"#000000","colorBorderMiddleEnd":"Gray","colorBorderInner":"Gray","colorBorderInnerEnd":"Gray","colorNeedleCircleOuter":"#2d2afe","colorNeedleCircleInner":"#2d2afe","colorNeedle":"#4cf83a","colorNeedleEnd":"#4cf83a","colorPlateEnd":"#3e3838"},"style":{"left":"612px","top":"51px","width":"150px","height":"155px","z-index":"7","font-family":"Jura-DemiBold"},"widgetSet":"canvas-gauges"}]

Daten anpassen :

[sigi234]

@glasfaser sagte in Visualisierung des Stromverbrauchs:

Hier mal ein Beispiel :

Gleichzeitig

[Homoran]

@kusselin sagte in Visualisierung des Stromverbrauchs:

und wie macht man das das sich der Pfeil dann auch noch bewegt?

indem du den Datenpunkt zuordnest?

[Kusselin]

@glasfaser sagte in Visualisierung des Stromverbrauchs:

Hab das widget jetzt mal im view waschküche importiert....nach dem importieren sehe ich gar nix.........hier muss ich hja dann auch noch das Bild importieren...oder ware das da im Widget schon inklusive?

Auf alle fälle passiert da nix

[Glasfaser]

@kusselin

Das Widget ( Set ) im allgemeinen ist nicht installiert .

Das kann man am undefined erkennen

https://github.com/ioBroker/ioBroker.vis-canvas-gauges