Diagramm (Knob-Widget) in Abhängigkeit von Werten/Limits

[Zage]

Hallo zusammen,
diesmal keine Frage, ich möchte euch etwas teilen

Da mir der Style der Knob-Widgets sehr gefällt wollte ich diese nutzen um meine Temperaturen im TabletUI anzuzeigen.
Ich wollte aber die Farben des Diagramms in Abhängigkeit der Werte darstellen.

Beispiel:
kleiner -10: dunkelblau
kleiner 0: blau
kleiner 15: grün
usw...

1. TabletUi data-type="knob"

Code Auswählen Erweitern


    data-limits='[-10,0,15,25,30,100]'
    data-colors='["darkblue","blue","green","darkgreen","orange","red"]'


2. Folgende Javascript-Datei anpassen: 
/www/tablet/js/widget_knob.js
ACHTUNG: kann nach Update der Datei wieder weg sein.

nach:

Code Auswählen Erweitern


                    if (knob_elem) {
                        var part = elem.data('get-value');
                        var val = ftui.getPart(value, part);


folgende Zeilen einfügen:

Code Auswählen Erweitern


                        if (knob_elem.val() != val) {
var limits = elem.data('limits');
var colors = elem.data('colors');
var color;
if(limits){
for (var i = 0; i < limits.length; i++) {
if(val < limits[i]){
color = colors[i];
break;
}
}
knob_elem.trigger('configure',{
'fgColor': color
});
}


[fhainz]

Sehr cool! Danke!

@setstate
Würdest du das vielleicht übernehmen?

[CQuadrat]

Ich rufe das nochmal hervor, da ich das hier gerade gefunden habe und auch dafür bin, diesen Patch in das reguläre Widget zu übernehmen.

Obacht: es fehlt noch eine schließende Klammer am Ende.