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

オンラインデモ

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

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

Gauges入門

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

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

値の表示

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

角度と自動スケール

円形ゲージの開始位置と回転角度を設定できます。また、自動スケールを有効にすると、表示範囲内に収まるようにゲージが自動的に拡大縮小して表示されます。

外観のカスタマイズ

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

範囲の表示

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

値の入力

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

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

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

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