Wijmo UI for the Web
wijlineargauge jQuery ウィジェット
カスタマイズ可能な目盛りマーク、範囲、文字盤、およびポインタを使用して、データを横型または縦型のゲージで表示します。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.gauge.wijlineargauge.options
     
    $(".selector").wijlineargauge(options);
});
Javascript (Specification) 
function wijlineargauge() : any;
オプション
 名前解説
public オプションanimation

型: wijmo.gauge.gauge_animation

アニメーション効果を定義し、持続時間やイージングなどの特性を制御します。

 
public オプションautoResize

デフォルト値: true

ゲージ要素のサイズを変更したときにゲージを再描画するかどうかを示す値。

 
public オプションface

型: wijmo.gauge.gauge_face

ゲージのフェースと背景領域に使用する画像または形状を設定または描画します。

 
public オプションheight

デフォルト値: 'auto'

ゲージ領域の高さ(ピクセル単位)を設定します。

 
public オプションisInverted

デフォルト値: false

ゲージを逆順に(数値の高い方から低い方へ)レンダリングするかどうかを決定します。

 
public オプションislogarithmic

デフォルト値: false

islogarithmic オプションは jquery.wijmo.wijgauge.js 基本クラスから継承され、ゲージのラベル数値に対数スケールを使用するかどうかを示します。

 
public オプションlabels

型: wijmo.gauge.gauge_label

ゲージの円周に沿って表示される数値ラベルのすべての外観オプションを設定します。

 
public オプションlogarithmicBase

デフォルト値: 10

logarithmicBase オプションは jquery.wijmo.wijgauge.js 基本クラスから継承され、islogarithmic オプションが true に設定されている場合に使用する対数の底を示します。対数の底は、指数を得るために累乗する数です。

 
public オプションmarginBottom

デフォルト値: 5

ゲージフェースの下端のレンダリング位置を示すピクセル単位の値。

 
public オプションmarginLeft

デフォルト値: 5

ゲージマーカーの左端のレンダリング位置を示すピクセル単位の値。width オプションも変更した方がよい場合があります。

 
public オプションmarginRight

デフォルト値: 5

ゲージフェースの右端のレンダリング位置を示すピクセル単位の値。

 
public オプションmarginTop

デフォルト値: 5

ゲージフェースの上端のレンダリング位置を示すピクセル単位の値。

 
public オプションmax

デフォルト値: 100

ゲージの最大値を設定します。

 
public オプションmin

デフォルト値: 0

ゲージの最小値を設定します。

 
public オプションorientation

デフォルト値: 'horizontal'

ゲージの向きを設定します。horizontal に設定するとゲージの左から右へ値が表示され、vertical に設定するとゲージの上から下へ値が表示されます。

 
public オプションpointer

型: wijmo.gauge.gauge_pointer

ゲージポインタのすべての設定を含むオブジェクトを作成します。

 
public オプションranges

デフォルト値: []

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

 
public オプションtickMajor

型: wijmo.gauge.gauge_tick

ゲージフェースの円周に沿って数値ラベルの横に表示される主目盛の外観オプションを設定します。

 
public オプションtickMinor

型: wijmo.gauge.gauge_tick

補助目盛の情報を提供する値。

 
public オプションvalue

デフォルト値: 0

ポインタによって示されるゲージの値を設定します。

 
public オプションwidth

デフォルト値: 'auto'

ゲージ領域の幅(ピクセル単位)を設定します。

 
public オプションxAxisLength

デフォルト値: 0.8

X 軸の長さをゲージの幅の割合(%)として設定します。

 
public オプションxAxisLocation

デフォルト値: 0.1

X 軸の開始位置をゲージの幅の割合(%)として設定します。

 
public オプションyAxisLocation

デフォルト値: 0.5

X 軸上のポインタ、目盛、およびラベルの基準垂直位置をゲージの高さの割合(%)として設定します。

 
トップ
メソッド
 名前解説
public メソッドdestroy機能を完全に除去します。これは要素を初期化前の状態に戻します。  
public メソッドgetCanvasRaphael キャンバスオブジェクトへの参照を返します。  
public メソッドredrawゲージを再描画します。  
public メソッドwidgetオリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントbeforeValueChanged値が変更される前に発生します。このイベントはキャンセルできます。  
public イベントpaintedキャンバスが描画される前に発生します。このイベントはキャンセルできます。イベントをキャンセルするには、false を返します。  
public イベントvalueChanged値が変更される前に発生します。このイベントはキャンセルできます。  
トップ

関連トピック

参照

LinearGauge
wijlineargauge jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.