IgbDataChart において、軸ラベルのフォーマットを変更する方法を紹介します。ここでは、Y 軸のラベルを 3 桁ごとのカンマで区切る方法についてご紹介いたします。

IgbNumericYAxis の設定

IgbNumericYAxis の LabelFormat プロパティを “{0} “と設定します。{0} とすることでカスタムラベル形式である IgbNumberFormatSpecifier コレクションが使用できます。

次に、IgbNumberFormatSpecifier について MaximumSignificantDigits プロパティを “3” とすることで、3 桁ごとにカンマ区切りするように設定できます。

<IgbDataChart ...>
    <IgbNumericYAxis ....
                 LabelFormat="{0}">
        <IgbNumberFormatSpecifier  MaximumSignificantDigits="3">
        </IgbNumberFormatSpecifier>
    </IgbNumericYAxis>
</IgbDataChart>

実行結果

関連ドキュメント

Tagged:

製品について

Ignite UI for Blazor