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

[Wszene]

Hallo Zusammen

ich bin gerade dabei meine VIS komplett nativ in VIS-2 neu aufzubauen
Nun bin ich auf der Suche nach einem Widget welches mir eine Solche Anzeige liefert

In VIS-1 hatte ich dafür dieses Widget
https://github.com/ioBroker/ioBroker.vis-canvas-gauges

leider funktioniert Dieses nicht unter VIS-2

Hat da jemand eine Idee?

Vielen Dank im Voraus

Gruß
Marcel

[Wszene]

Hat keiner eine Idee?

Schade

[Ein ehemaliger Benutzer]

@wszene genau so leider nicht.. kenn auch nur vis-2 Widgets Gauge, das ist so aehnlich...

[Wszene]

@neuschwansteini sagte in vis-canvas-gauges für VIS-2:

@wszene genau so leider nicht.. kenn auch nur vis-2 Widgets Gauge, das ist so aehnlich...

Leider kann man da die Einstellungen nicht so schön machen also von den Farben her und es ist nur ein Halbkreis wenn ich es richtig in Erinnerung habe

[OliverIO]

@wszene

Ich bin gerade auf diesen thread gestoßen.
Evtl ging es Anfang des Jahres noch nicht.
Aber ich konnte das exakt so in vis2 v2.13.7 nachbauen

verwendeter adapter vis-canvas-gauges

Spoiler

[
 {
   "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": 2,
     "minorTicks": "4",
     "animation": "true",
     "needle": "true",
     "needleShadow": "true",
     "needleType": "select",
     "borders": "true",
     "borderOuterWidth": "2",
     "borderMiddleWidth": "2",
     "borderInnerWidth": "2",
     "borderShadowWidth": "2",
     "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": "0_userdata.0.value",
     "title": "Speed",
     "units": "km/H",
     "maxValue": "250",
     "highlightsFrom1": "200",
     "highlightsTo1": "225",
     "highlightsColor1": "#ff6666",
     "g_highlights-1": true,
     "highlightsFrom2": "225",
     "highlightsTo2": "250",
     "highlightsColor2": "#f50000",
     "g_highlights-2": true
   },
   "style": {
     "left": "283px",
     "top": "19px"
   },
   "widgetSet": "canvas-gauges",
   "_id": "i000001"
 }
]

[carsten04]

@wszene sagte in vis-canvas-gauges für VIS-2:

Hallo Zusammen

ich bin gerade dabei meine VIS komplett nativ in VIS-2 neu aufzubauen
Nun bin ich auf der Suche nach einem Widget welches mir eine Solche Anzeige liefert

In VIS-1 hatte ich dafür dieses Widget
https://github.com/ioBroker/ioBroker.vis-canvas-gauges

leider funktioniert Dieses nicht unter VIS-2

Hat da jemand eine Idee?

Vielen Dank im Voraus

Gruß
Marcel

Hatte das Gauge-Widget (React-Implementierung) mal in vis-2-widgets-collection umgesetzt.

[Maxtor62]

@carsten04

Ich mach das in VIS 2 mit Grafana.