LinearGauge および BulletGraph の GaugeDirection プロパティを使用して、ポインタの移動方向を変更できます。
GaugeDirection プロパティには4つのオプションがあります。
- Up：ポインタはゲージの下から上に向かって移動します。
- Right：ポインタはゲージの左から右に向かって移動します。これがデフォルト値です。
- Down：ポインタはゲージの上から下に向かって移動します。
- Left：ポインタはゲージの右から左に向かって移動します。
GaugeDirection プロパティはポインタの方向を変更しますが、ゲージの向きは変更しないため、それに応じてゲージの高さと幅を設定する必要があります。
次の図は、GaugeDirection プロパティが Down に設定され、それに応じて高さと幅が調整された後の LinearGauge を示しています。
次のコード例は、ASP.NET MVC でこのプロパティを設定する方法を示します。この例では、「LinearGauge クイックスタート」セクションで作成したサンプルを使用しています。
| HTML |
コードのコピー
|
|---|---|
<c1-linear-gauge width="500px" height="100px" value="35" direction="C1.Web.Mvc.GaugeDirection.Down"> </c1-linear-gauge> |
|