IgbDataChart において、表示される軸ラベルの文字列が長い場合、隣のラベルと干渉して文字列が最後まで表示されない場合がございます。
ここでは軸ラベル文字列の方向を変えることによって、文字列が全て表示される方法についてご紹介します。

方法

IgbCategoryXAxis“LabelAngle” プロパティを追記します。
角度となる値を指定することで、指定した値だけ軸ラベルが時計回りに回転します。
例としてX軸ラベルを90度回転させるにはこちらのように設定します。

<IgbCategoryXAxis ・・・・
    LabelAngle="90">
<IgbCategoryXAxis>

このプロパティの設定で実際に描画されるX軸ラベルは、こちらのようになります。

角度変更 “前”

  

角度変更 “後”

X軸ラベルの角度が90度回転し、文字列が全て表示されました。

Tagged:

製品について

Ignite UI for Blazor