TreeMapHierarchicalDataAdapter.ValueDataMember Property

Gets or sets the name of the data field whose values are used to specify values of tree map items.

Namespace: DevExpress.Xpf.TreeMap

Assembly: DevExpress.Xpf.TreeMap.v19.1.dll

Declaration

C#

public string ValueDataMember { get; set; }

VB.NET

Public Property ValueDataMember As String

Property Value

Type	Description
String	A String value.

Example

To provide hierarchical data to the Tree Map, do the following.

• Assign a newly created TreeMapHierarchicalDataAdapter to the TreeMapControl.DataAdapter property.
• Specify the adapter’s TreeMapHierarchicalDataAdapter.DataSource and TreeMapHierarchicalDataAdapter.ValueDataMember properties.
• Create Data Templates that will be used to represent the hierarchical data items.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-provide-hierarchical-data-to-the-tree-map-t308576.

MainWindow.xaml

<Window.Resources>
    <HierarchicalDataTemplate 
        DataType="{x:Type local:SideOfWorld}"
        ItemsSource="{Binding Countries}">
        <TextBlock 
            Margin="4,4,4,-3"
            Padding="4,2,0,2"
            Text="{Binding Name}"
            Foreground="White"
            Background="Gray"/>
    </HierarchicalDataTemplate>
    <DataTemplate
        DataType="{x:Type local:Country}">
        <Grid>
            <TextBlock 
                Padding="4,2,0,0"
                Text="{Binding Name}" 
                TextWrapping="WrapWithOverflow" 
                TextTrimming="WordEllipsis"/>
            <Border 
                BorderThickness="1" 
                BorderBrush="#60000000"/>
        </Grid>
    </DataTemplate>
</Window.Resources>

<Grid>
    <dxtm:TreeMapControl>
        <dxtm:TreeMapControl.Colorizer>
            <dxtm:TreeMapPaletteColorizer>
                <dxtm:Office2013Palette/>
            </dxtm:TreeMapPaletteColorizer>
        </dxtm:TreeMapControl.Colorizer>
        <dxtm:TreeMapHierarchicalDataAdapter
            DataSource="{Binding}"
            ValueDataMember="Gdp">
        </dxtm:TreeMapHierarchicalDataAdapter>
    </dxtm:TreeMapControl>
</Grid>

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the ValueDataMember property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

how-to-provide-hierarchical-data-to-the-tree-map-t308576/VB/TreeMapHierarchicalDataAdapterSample/MainWindow.xaml#L47

    DataSource="{Binding}"
    ValueDataMember="Gdp">
</dxtm:TreeMapHierarchicalDataAdapter>