3

ノブ jQuery を使用してインタラクティブなノブを作成しています。これにより、sunstantial は電力網を消費しているエネルギーを確認できます。

これはノブを生成するコードです

$(function(){

      $(".dial").knob({
            'min':0,
            'max':5000,
            'readOnly': true,
            'width': 120,
            'height': 120,
            'float' : 'left',
            'fgColor': '#b9e672',
            'dynamicDraw': true,
            'thickness': 0.2,
            'tickColorizeValues': true,
            'skin':'tron'
        }) 

      // body...
    });

これは入力です：

<input id='knobinput' type='text' value='75' class='dial'>

ノブが 1500 未満の場合は緑、1500 から 3000 の間の場合は黄色、3000 を超える場合は赤になるようにしたいと思います。

これどうやってするの？

ありがとう

4

1 に答える 1

4

これを試して：

var $dial = $('.dial');
var dialColour = '#C00';
if ($dial.val() < 3000) {
    dialColour = '#CC0';
}
else if ($dial.val() < 1500) {
    dialColour = '#0C0';
}

$dial.knob({
    'min':0,
    'max':5000,
    'readOnly': true,
    'width': 120,
    'height': 120,
    'float' : 'left',
    'fgColor': dialColour,
    'dynamicDraw': true,
    'thickness': 0.2,
    'tickColorizeValues': true,
    'skin':'tron'
})
于 2013-10-11T09:47:39.153 に答える