現在値と値の状態を示す範囲を使用して、線形スケールを表示します。また、簡単な進捗状況インジケータや、入力コントロールとして使用することもできます。
オンラインデモ
LinearGauge、RadialGaugeをはじめ、ASP.NET MVC用コンポーネントのさまざまな機能をお試しいただけます。一覧からコンポーネントを選択して、各機能の動作やソースコードを確認できます。
デモを見る(ASP.NET 4版 |ASP.NET Core版)
Gauges入門
LinearGauge、RadialGaugeを初めて使用する際の参考にしていただけるよう、設定の手順やソースコードをご紹介しています。
デモを見る(ASP.NET 4版 |ASP.NET Core版)
値の表示
現在値、最小値、最大値を表示するかどうかを変更できます。
外観のカスタマイズ
CSSで外観をカスタマイズできます。また、テーマを適用すれば、簡単に統一感のある外観の実現が可能です。
範囲の表示
グラフに複数の範囲を設定して、値の状態を示す指標を可視化します。それぞれの範囲は任意の色で表示できます。範囲を非表示にすると、ゲージポインタが範囲の色で表示されます。
方向の設定
グラフを上、下、左、右の4種類の方向に設定することができます。
値の入力
ゲージを入力コントロールとして使用することもできます。ゲージをクリックまたはドラッグすると値が変更されます。