XamRadialGuageを半円形で表示させたい場合は、
- ScaleStartAngle=”180″、ScaleEndAngle=”0″で、ゲージの目盛りの内角を水平にする。
- BackingShape=”Fitted”で、XamRadialGuageの外周の円をゲージ下端に添わせる。
- BackingOversweep=”10″(任意の数値で調整してください)で、ゲージ目盛りから下端の線までの余白を指定する。
で可能です。
<ig:XamRadialGauge x:Name="xamRadialGuage1" Background="Gray" ScaleStartAngle="180" ScaleEndAngle="0" BackingShape="Fitted" BackingOversweep="10" />
実行結果
![](https://kb.jp.infragistics.com/wp-content/uploads/2022/10/KB9400_ScreenShot1-1024x587.png)
上の実行結果を見てみると、下半分の領域が残っています。この部分を削りたい場合は、
- Height、Widthで全体のサイズを調整する。
- CenterX、CenterYでXamRadialGuageの中心点の配置位置を調整する。
で近い見た目にすることができます。
<ig:XamRadialGauge x:Name="xamRadialGuage1" Height="300" Width="400" Background="Gray" ScaleStartAngle="180" ScaleEndAngle="0" BackingShape="Fitted" BackingOversweep="10" CenterX="0.5" CenterY="0.675" />
実行結果
![](https://kb.jp.infragistics.com/wp-content/uploads/2022/10/KB9400_ScreenShot2-1024x585.png)
サンプル
APIリファレンス
- ScaleStartAngle プロパティ
- ScaleEndAngle プロパティ
- BackingShape プロパティ
- BackingOversweep プロパティ
- CenterX プロパティ
- CenterY プロパティ