バージョン

DoubleMapper

DoubleMapper はノードのデータ コンテキストによって xamTreemap コントロールのノードのテンプレートに数値を設定します。

DoubleMapper プロパティ

  • ValuePath - データを含むデータ ソースのプロパティ名を決定します。

  • ValueTypeName - ValuePath によって指定されるデータを含むフィールドを持つタイプの名前を決定します。

  • TargetProperty - カラー マッピングによって影響を受けるプロパティを決定します。

  • TargetName - xamTreemap コントロールのノードにカスタム テンプレートが定義されていて、名前付きの要素がある場合、この要素を指定するために TargetName を使用できます。

  • MappingMode - カラー マッピングによって影響を受けるノードを決定します。可能となる値は "AllNodes" と "LeafNodesOnly" です。

  • From および To - この 2 つのプロパティはノードのテンプレートに適用される値の範囲を決定します。

  • DataMinimum および DataMaximum - ValuePath によって指定された値が特定のノードの DataMinimum より小さい場合、マッパーは From プロパティの値を適用します。ValuePath によって指定された値が特定のノードの DataMaximum より大きい場合、マッパーは To プロパティの値を適用します。

Manufacturer、Product および InventoryEntry という 3 つのクラスがあります。Product クラスには double フィールド StandardCost があります。Manufacturer クラスには整数フィールド Revenue があります。InventoryEntry クラスには整数フィールド Quantity があります。

XAML の場合:

<ig:xamTreemap.ValueMappers>
    <ig:DoubleMapper
        ValueTypeName="Manufacturer"
        ValuePath="Revenue"
        TargetProperty="FontSize"
        MappingMode="AllNodes"
        From="5"
        To="15" />
    <ig:DoubleMapper
        ValueTypeName="Product"
        ValuePath="StandardCost"
        TargetProperty="BorderThickness"
        MappingMode="AllNodes"
        From="1"
        To="5" />
    <ig:DoubleMapper
        ValueTypeName="InventoryEntry"
        ValuePath="Quantity"
        TargetProperty="CornerRadius"
        MappingMode="AllNodes"
        From="2"
        To="10" />
</ig:xamTreemap.ValueMappers>

どのように動作するのか

最初のマッパーは Revenue に基づいてタイプ Manufacturer のノードの FontSize を設定します。

2 番目のマッパーは StandardCost に基づいてタイプ Product のノードの BorderThickness を設定します。

3 番目のマッパーは Quantity に基づいてタイプ InventoryEntry のノードの CornerRadius を設定します。

xamTreemap DoubleMapper 01.png

関連トピック