Wijmo UI for the Web
ranges フィールド

デフォルト値: []

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

シンタックス
Javascript (Usage) 
$(function () {
    
    //値を取得する
    var returnsValue; //タイプ: array
    returnsValue = $(".selector").wijlineargauge("option", "ranges");
    
    //値を設定します
    var newValue; //タイプ: array
    $(".selector").wijlineargauge("option", "ranges", newValue);
        
});
Javascript (Specification) 
var ranges : array;
解説
たとえば、赤の範囲、黄色の範囲、緑の範囲を作成できます。各範囲は湾曲したバーの形で描画されます。以下の設定を使用して各範囲の特性を制御できます。各範囲に使用可能なオプションは以下のとおりです。startWidth ? 範囲バーの左側の幅(ピクセル単位)を設定します。endWidth ? 範囲バーの右側の幅(ピクセル単位)を設定します。startValue ? 範囲バーの描画を開始する値を設定します。この値は、ゲージに設定した max 値と min 値の間にある必要があります。endValue ? 範囲バーを終了する値を設定します。この値は、ゲージに設定した max 値と min 値の間にある必要があります。startDistance ? 範囲バーの左側を描画する、ゲージの中心からの距離を設定します。endDistance ? 範囲バーの右側を描画する、ゲージの中心からの距離を設定します。style ? 範囲バーの描画に使用する色を設定します。以下のオプションがあります。

関連トピック

参照

options タイプ
wijlineargauge メソッド

 

 


Copyright © GrapeCity inc. All rights reserved.