現在値と値の状態を示す範囲を使用して、線形スケールを表示します。また、簡単な進捗状況インジケータや、入力コントロールとして使用することもできます。

オンラインデモ

LinearGauge、RadialGaugeをはじめ、ASP.NET MVC用コンポーネントのさまざまな機能をお試しいただけます。一覧からコンポーネントを選択して、各機能の動作やソースコードを確認できます。

デモを見る(ASP.NET 4版 |ASP.NET Core版

Gauges入門

LinearGauge、RadialGaugeを初めて使用する際の参考にしていただけるよう、設定の手順やソースコードをご紹介しています。

デモを見る(ASP.NET 4版 |ASP.NET Core版

値の表示

現在値、最小値、最大値を表示するかどうかを変更できます。

外観のカスタマイズ

CSSで外観をカスタマイズできます。また、テーマを適用すれば、簡単に統一感のある外観の実現が可能です。

範囲の表示

グラフに複数の範囲を設定して、値の状態を示す指標を可視化します。それぞれの範囲は任意の色で表示できます。範囲を非表示にすると、ゲージポインタが範囲の色で表示されます。

方向の設定

グラフを上、下、左、右の4種類の方向に設定することができます。

値の入力

ゲージを入力コントロールとして使用することもできます。ゲージをクリックまたはドラッグすると値が変更されます。

ASP.NET MVC で利用可能なコントロール

ComponentOne Studio for ASP.NET MVC コントロール一覧

このコンポーネントを利用可能なサブスクリプション