ranges オプション

デフォルト値: []

ゲージ内の強調表示する値範囲の配列を作成できるようにします。

シンタックス

Javascript (Usage)
$(function () { //値を取得する var returnsValue; //タイプ： array returnsValue = $(".selector").wijgauge("option", "ranges"); //値を設定します var newValue; //タイプ： array $(".selector").wijgauge("option", "ranges", newValue); });

Javascript (Usage)

$(function () {
    
    //値を取得する
    var returnsValue; //タイプ： array
    returnsValue = $(".selector").wijgauge("option", "ranges");
    
    //値を設定します
    var newValue; //タイプ： array
    $(".selector").wijgauge("option", "ranges", newValue);
        
});

Javascript (Specification)
var ranges : array;

解説

たとえば、赤の範囲、黄色の範囲、緑の範囲を作成できます。各範囲は湾曲したバーの形で描画されます。以下の設定を使用して各範囲の特性を制御できます。各範囲に使用可能なオプションは以下のとおりです。

startWidth ? 範囲バーの左側の幅（ピクセル単位）を設定します。
endWidth ? 範囲バーの右側の幅（ピクセル単位）を設定します。
startValue ? 範囲バーの描画を開始する値を設定します。この値は、ゲージに設定した max 値と min 値の間にある必要があります。
endValue ? 範囲バーを終了する値を設定します。この値は、ゲージに設定した max 値と min 値の間にある必要があります。
startDistance ? 範囲バーの左側を描画する、ゲージの中心からの距離を設定します。
endDistance ? 範囲バーの右側を描画する、ゲージの中心からの距離を設定します。
style ? 範囲バーの描画に使用する色を設定します。以下のオプションがあります。

関連トピック

参照