IgbDataChart において、チャートの形式に合わせて軸ラベルの位置を変更したい場合があります。
本記事では、通常左側に表示される X 軸ラベルおよび下側に表示される Y 軸ラベルの位置を変更する方法についてご紹介します。

軸の設定

IgbCategoryXAxis や IgbNumericYAxis 等にはLabelLocationプロパティを利用してX軸・Y軸のラベル位置をカスタマイズできます。

X 軸ラベルを外側上(OutsideTop)に配置する場合は以下のように設定します。

<IgbCategoryXAxis Name="xAxis" 
                  LabelLocation="AxisLabelsLocation.OutsideTop" />

同様に Y 軸ラベルを外側右(OutsideRight)に配置する場合は以下のように設定します。

<IgbNumericYAxis Name="yAxis" 
                 LabelLocation="AxisLabelsLocation.OutsideRight" />

実行結果

この方法を使用することで、軸ラベルの位置を変更することができます。

関連ドキュメント

Tagged:

製品について

Ignite UI for Blazor