Wijmo UI for the Web
wijradialgauge jQuery ウィジェット
カスタマイズされた開始角度、移動角度、目盛りマーク、範囲、およびポインタを使用して、ダイアルやスピードメーターを作成します。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.gauge.wijradialgauge.options
     
    $(".selector").wijradialgauge(options);
});
Javascript (Specification) 
function wijradialgauge() : any;
オプション
 名前解説
public オプションanimation

型: wijmo.gauge.gauge_animation

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

 
public オプションautoResize

デフォルト値: true

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

 
public オプションcap

型: wijmo.gauge.radialgauge_cap

ゲージの中心にあるポインタを固定する円のサイズ、色、およびその他のプロパティを設定します。

 
public オプションface

型: wijmo.gauge.gauge_face

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

 
public オプションheight

デフォルト値: 400

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

 
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

デフォルト値: 0

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

 
public オプションmarginLeft

デフォルト値: 0

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

 
public オプションmarginRight

デフォルト値: 0

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

 
public オプションmarginTop

デフォルト値: 0

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

 
public オプションmax

デフォルト値: 100

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

 
public オプションmin

デフォルト値: 0

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

 
public オプションorigin

放射状ゲージの中心を示す始点を設定します。

 
public オプションpointer

型: wijmo.gauge.gauge_pointer

ゲージポインタのすべての設定を含む値。

 
public オプションradius

デフォルト値: 'auto'

放射状ゲージの半径(ピクセル単位)を示す値。ゲージのインジケーターがゲージ領域いっぱいに表示されるようにする場合は、"auto" を使用します。

 
public オプションranges

デフォルト値: []

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

 
public オプションstartAngle

デフォルト値: 0

放射状ゲージのフェースの円周に沿った、数値ラベルと目盛の最低値が始まる位置の角度を示す値。

 
public オプションsweepAngle

デフォルト値: 180

startAngle を基準とした、数値ラベルと目盛の最高値をレンダリングする位置の角度を示す値。

 
public オプションtickMajor

型: wijmo.gauge.gauge_tick

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

 
public オプションtickMinor

型: wijmo.gauge.gauge_tick

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

 
public オプションvalue

デフォルト値: 0

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

 
public オプションwidth

デフォルト値: 600

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

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

関連トピック

参照

RadialGauge
wijradialgauge jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.