NEWS
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":[object Object]},{"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":[object Object]},{"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":[object Object]},{"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.
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden