XamDataChart では、Y軸やX軸のラベル表示をカスタムフォーマットすることができます。
この記事では、Y軸のラベルを特定の単位(メートルやミリメートル)で表示する方法を紹介します。
XamDataChart のFormatLabelプロパティを活用して、数値に応じて自動的に適切な単位(メートル “m” やミリメートル “mm”)を付与するカスタムラベルの設定方法を説明します。

XamDataChart の設定

まず、XAML においてFormatLabelプロパティを使用して、Y軸のラベルフォーマットをカスタマイズします。

<ig:XamDataChart>
    <ig:XamDataChart.Axes>
        <ig:NumericYAxis FormatLabel="YAxis_FormatLabel" />
    </ig:XamDataChart.Axes>
    ....
</ig:XamDataChart>

FormatLabel の設定

C#コードでYAxis_FormatLabelメソッドを定義し、数値に応じて適切な単位を付与します。

    private string YAxis_FormatLabel(object sender, object item)
    {
        double value = (double)item;
        string unit;
        double displayValue;

        if (value >= 1)
        {
            unit = "m";
            displayValue = value;
        }
        else 
        {
            unit = "mm";
            displayValue = value * 1000;
        }
        return $"{displayValue} {unit}";
    }

このメソッドでは、Y軸のラベルが 1 以上の値の場合はメートル “m”、1 未満の場合はミリメートル “mm” の単位で表示されるようにフォーマットされています。
例えば、1.2 は「1.2 m」、0.7 は「700 mm」と表示されます。

実行結果

XamDataChart の FormatLabel プロパティを使用することで、数値データに応じてラベル表示をカスタマイズできます。

製品について

Ultimate UI for WPF