XamDataChart – ツールチップを 3 桁カンマ区切りにする方法

XamDataChart のツールチップをカスタマイズし、数値を 3 桁カンマ区切りで表示する方法を紹介します。

XAML の実装

次のコードでは、LineSeries のツールチップをカスタマイズし、StringFormat=N0 を使用することで、数値を 3 桁カンマ区切りで表示しています。

<ig:LineSeries.ToolTip>
    <StackPanel Orientation="Vertical">
        <TextBlock Text="{Binding Series.Tag}" FontWeight="Bold"/>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Country: " />
            <TextBlock Text="{Binding Item.Country}" />
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Value: " />
            <!-- StringFormat=N0 を使用して 3 桁カンマ区切りを適用 -->
            <TextBlock Text="{Binding Item.Coal, StringFormat=N0}" />
        </StackPanel>
    </StackPanel>
</ig:LineSeries.ToolTip>

実行結果

この実装により、ツールチップに表示される数値が 3 桁カンマ区切りでフォーマットされます。

関連ドキュメント

• チャート ツールチップ – Infragistics WPF™ ヘルプ