Thermometer auf dem Dashboard
-
Hallo guten Morgen,
ich bin auf der Suche nach einem Thermometer auf dem Dashboard auf folgenden Code gestoßen
Habe den Code importiert
Auf dem Dashboard bleibt allerdings das Feld leer.
Was muss hier zusätzlich installiert werden?
` > [{"id":"900dc39.e9799c","type":"tab","label":"Thermometer","disabled":false,"info":""},{"id":"d1330320.0056e8","type":"ui_template","z":"900dc39.e9799c","group":"3085b019.55f2d","name":"controller","order":0,"width":"2","height":"5","format":"\n\n\n\n
<canvas id=""mycanvas2"" \n/data-type=""linear-gauge"\n" data-width=""106"\n" data-height=""270"\n" data-units=""°C"\n" data-min-value=""0"\n" data-start-angle=""90"\n" data-ticks-angle=""180"\n" data-value-box=""false"\n" data-max-value=""220"\n" data-major-ticks=""0,20,40,60,80,100,120,140,160,180,200,220"\n" data-minor-ticks=""2"\n" data-stroke-ticks=""true"\n" data-color-plate=""#fff"\n" data-border-shadow-width=""0"\n" data-borders=""false"\n" data-needle-type=""arrow"\n" data-needle-width=""2"\n" data-needle-circle-size=""7"\n" data-needle-circle-outer=""true"\n" data-needle-circle-inner=""false"\n" data-animation-duration=""1500"\n" data-animation-rule=""linear"\n" data-bar-width=""10"\n" data-value=""35"\n"></canvas>
\n","storeOutMessages":false,"fwdInMessages":false,"templateScope":"global","x":280,"y":200,"wires":[[]]},{"id":"e83cb4bc.02e3b","type":"ui_template","z":"900dc39.e9799c","group":"3085b019.55f2d","name":"controller","order":0,"width":"2","height":"5","format":"\n\n\n\n
<canvas id=""mycanvas3"" \n/data-type=""linear-gauge"\n" data-width=""106"\n" data-height=""270"\n" data-units=""°C"\n" data-min-value=""0"\n" data-start-angle=""90"\n" data-ticks-angle=""180"\n" data-value-box=""false"\n" data-max-value=""220"\n" data-major-ticks=""0,20,40,60,80,100,120,140,160,180,200,220"\n" data-minor-ticks=""2"\n" data-stroke-ticks=""true"\n" data-color-plate=""#fff"\n" data-border-shadow-width=""0"\n" data-borders=""false"\n" data-needle-type=""arrow"\n" data-needle-width=""2"\n" data-needle-circle-size=""7"\n" data-needle-circle-outer=""true"\n" data-needle-circle-inner=""false"\n" data-animation-duration=""1500"\n" data-animation-rule=""linear"\n" data-bar-width=""10"\n" data-value=""35"\n"></canvas>
\n","storeOutMessages":false,"fwdInMessages":false,"x":280,"y":280,"wires":[[]]},{"id":"a6e851a4.a7d4a8","type":"inject","z":"900dc39.e9799c","name":"","topic":"","payload":"20","payloadType":"num","repeat":"","crontab":"","once":false,"x":90,"y":180,"wires":[["d1330320.0056e8"]]},{"id":"200a1f77.5f721","type":"inject","z":"900dc39.e9799c","name":"","topic":"","payload":"60","payloadType":"num","repeat":"","crontab":"","once":false,"x":90,"y":220,"wires":[["d1330320.0056e8"]]},{"id":"655e822f.78a75c","type":"inject","z":"900dc39.e9799c","name":"","topic":"","payload":"10","payloadType":"num","repeat":"","crontab":"","once":false,"x":90,"y":260,"wires":[["e83cb4bc.02e3b"]]},{"id":"8214f787.484948","type":"inject","z":"900dc39.e9799c","name":"","topic":"","payload":"90","payloadType":"num","repeat":"","crontab":"","once":false,"x":90,"y":300,"wires":[["e83cb4bc.02e3b"]]},{"id":"514c521.9da58ac","type":"ui_template","z":"900dc39.e9799c","group":"49404ec8.fd464","name":"controller","order":0,"width":"2","height":"5","format":"\n\n\n\n
<canvas id=""mycanvas"" \n/data-type=""linear-gauge"\n" data-width=""106"\n" data-height=""270"\n" data-units=""°C"\n" data-min-value=""0"\n" data-start-angle=""90"\n" data-ticks-angle=""180"\n" data-value-box=""false"\n" data-max-value=""220"\n" data-major-ticks=""0,20,40,60,80,100,120,140,160,180,200,220"\n" data-minor-ticks=""2"\n" data-stroke-ticks=""true"\n" data-color-plate=""#fff"\n" data-border-shadow-width=""0"\n" data-borders=""false"\n" data-needle-type=""arrow"\n" data-needle-width=""2"\n" data-needle-circle-size=""7"\n" data-needle-circle-outer=""true"\n" data-needle-circle-inner=""false"\n" data-animation-duration=""1500"\n" data-animation-rule=""linear"\n" data-bar-width=""10"\n" data-value=""35"\n"></canvas>
\n","storeOutMessages":false,"fwdInMessages":false,"templateScope":"global","x":280,"y":120,"wires":[[]]},{"id":"c746c4ad.349788","type":"inject","z":"900dc39.e9799c","name":"","topic":"","payload":"5","payloadType":"num","repeat":"","crontab":"","once":false,"onceDelay":"","x":90,"y":100,"wires":[["514c521.9da58ac"]]},{"id":"31c749ad.e0a3fe","type":"inject","z":"900dc39.e9799c","name":"","topic":"","payload":"48","payloadType":"num","repeat":"","crontab":"","once":false,"x":90,"y":140,"wires":[["514c521.9da58ac"]]},{"id":"3085b019.55f2d","type":"ui_group","z":"","name":"Test","tab":"f3c80827.a7e61","disp":true,"width":"6","collapse":false},{"id":"49404ec8.fd464","type":"ui_group","z":"","name":"Badezimmer","tab":"4e003873.de05e","order":3,"disp":true,"width":"6","collapse":false},{"id":"f3c80827.a7e61","type":"ui_tab","z":"","name":"Themometer","icon":"dashboard"},{"id":"4e003873.de05e","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}] `
-
Da reicht es nicht, das flow zu kopieren
Wenn du Pete Scargills Beispiel verwenden wills, musst du auch seine Lib installieren.
Siehe https://tech.scargill.net/thermometers/
Und seine Lib, die du benötigst findest du hier: https://canvas-gauges.com/download/
Und wenn es dann immer noch nicht tut, kannst du mit dem ersten Link Pete direkt fragen.
