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"
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:
if (knob_elem) {
var part = elem.data('get-value');
var val = ftui.getPart(value, part);
folgende Zeilen einfügen:
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
});
}
Sehr cool! Danke!
@setstate
Würdest du das vielleicht übernehmen?
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.