or
<
UserControl
x:Class
=
"TreeMapSLTest.MainPage"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
mc:Ignorable
=
"d"
d:DesignWidth
=
"640"
d:DesignHeight
=
"480"
>
<
UserControl.Resources
>
<
SolidColorBrush
Color
=
"#FFE10000"
x:Key
=
"Hundred"
/>
<
SolidColorBrush
Color
=
"Orange"
x:Key
=
"ThreeHundred"
/>
<
SolidColorBrush
Color
=
"LightBlue"
x:Key
=
"FiveHundred"
/>
<
SolidColorBrush
Color
=
"Blue"
x:Key
=
"SevenHundred"
/>
<
SolidColorBrush
Color
=
"DarkBlue"
x:Key
=
"Thousand"
/>
<
SolidColorBrush
Color
=
"Green"
x:Key
=
"TwoThousand"
/>
<
telerik:RangeBrushCollection
x:Key
=
"ColorizerBrushes"
>
<
telerik:RangeBrush
Brush
=
"{StaticResource Hundred}"
From
=
"0"
To
=
"100"
/>
<
telerik:RangeBrush
Brush
=
"{StaticResource ThreeHundred}"
From
=
"101"
To
=
"300"
/>
<
telerik:RangeBrush
Brush
=
"{StaticResource FiveHundred}"
From
=
"301"
To
=
"500"
/>
<
telerik:RangeBrush
Brush
=
"{StaticResource SevenHundred}"
From
=
"501"
To
=
"700"
/>
<
telerik:RangeBrush
Brush
=
"{StaticResource Thousand}"
From
=
"701"
To
=
"1000"
/>
<
telerik:RangeBrush
Brush
=
"{StaticResource TwoThousand}"
From
=
"1001"
To
=
"2000"
/>
</
telerik:RangeBrushCollection
>
</
UserControl.Resources
>
<
Grid
x:Name
=
"LayoutRoot"
>
<
telerik:RadTreeMap
Name
=
"xTreeMap"
LayoutStrategy
=
"Squarified"
BorderThickness
=
"1"
BorderBrush
=
"Black"
ItemsSource
=
"{Binding DataTags}"
>
<
telerik:RadTreeMap.TypeDefinitions
>
<
telerik:TypeDefinition
TargetTypeName
=
"GdpInfo"
ValuePath
=
"Gdp"
LabelPath
=
"Country"
ToolTipPath
=
"Gdp"
ToolTipFormat
=
"{}{0:C0} Mln"
>
<
telerik:TypeDefinition.Mappings
>
<
telerik:ValueBrushColorizer
IsAbsolute
=
"True"
ValuePath
=
"Gdp"
RangeMinimum
=
"0"
RangeMaximum
=
"2000"
Brushes
=
"{StaticResource ColorizerBrushes}"
/>
</
telerik:TypeDefinition.Mappings
>
</
telerik:TypeDefinition
>
</
telerik:RadTreeMap.TypeDefinitions
>
</
telerik:RadTreeMap
>
</
Grid
>
</
UserControl
>
void
m_timer_Tick(
object
sender, EventArgs e)
{
foreach
(GdpInfo gdp
in
DataTags)
{
if
(gdp.Country ==
"Brazil"
)
gdp.Gdp -= 25;
}
}
<
telerik:RadTreeMap
x:Name
=
"TreeMap"
IsSelectionEnabled
=
"True"
ItemsSource
=
"{Binding ChartItems}"
LayoutStrategy
=
"Squarified"
>
<
telerikControl:EventToCommandBehavior.EventBindings
>
<
telerikControl:EventBinding
EventName
=
"SelectionChanged"
Command
=
"{Binding ShowDataCommand}"
PassEventArgsToCommand
=
"True"
/>
</
telerikControl:EventToCommandBehavior.EventBindings
>
..............
..............
</
telerik:RadTreeMap
>
SelectedChartItem = args.SelectedItem
as
ChartItem;
var SelectedTreeMapItem = args.SelectedItem
as
RadTreeMapItem;
01.
<
DataTemplate
x:Key
=
"LegendItemButtonDataTemplate"
>
02.
<
Button
HorizontalAlignment
=
"Stretch"
03.
VerticalAlignment
=
"Center"
04.
Command
=
"{Binding DataContext.ShowDataCommand, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}"
05.
CommandParameter
=
"{Binding }"
>
06.
<
Button.Template
>
07.
<
ControlTemplate
>
08.
<
StackPanel
Orientation
=
"Horizontal"
09.
Background
=
"Transparent"
>
10.
<
Rectangle
Fill
=
"{Binding MarkerFill}"
11.
Width
=
"10"
Height
=
"10"
/>
12.
13.
<
TextBlock
Text
=
"{Binding Title, TargetNullValue='{}{NONE}'}"
14.
Margin
=
"10,1,5,1"
/>
15.
16.
<
TextBlock
Text
=
"{Binding Presenter.Value, StringFormat='({0:C0})'}"
17.
Margin
=
"5,1"
/>
18.
</
StackPanel
>
19.
</
ControlTemplate
>
20.
</
Button.Template
>
21.
</
Button
>
22.
</
DataTemplate
>
1.
<
telerikControl:RadLegend
Items
=
"{Binding LegendItems}"
2.
ItemTemplate
=
"{StaticResource LegendItemButtonDataTemplate}"
3.
Foreground
=
"White"
4.
Margin
=
"10"
5.
HorizontalAlignment
=
"Left"
6.
VerticalAlignment
=
"Top"
7.
HoverMode
=
"FadeOtherItems"
/>
01.
var legenditems =
new
LegendItemCollection();
02.
legenditems.AddRange(
03.
distinctlist.Select(ci =>
04.
{
05.
var legenditem =
new
LegendItem
06.
{
07.
Title = ci.Label,
08.
MarkerFill = ????????,
09.
Presenter = ci
10.
};
11.
return
legenditem;
12.
})
13.
);
14.
15.
LegendItems = legenditems;
01.
<
telerik:RadTreeMap.TypeDefinitions
>
02.
<
telerik:TypeDefinition
TargetTypeName
=
"ChartItem"
03.
LabelPath
=
"Label"
04.
ValuePath
=
"Value"
05.
ToolTipPath
=
"Value"
06.
ToolTipFormat
=
"{}{0:#,###.00}"
07.
ItemTemplate
=
"{StaticResource itemTemplate}"
>
08.
09.
<
telerik:TypeDefinition.Mappings
>
10.
11.
<
telerik:RelativeValueGradientColorizer
>
12.
<
GradientStop
Offset
=
"0"
Color
=
"DarkGreen"
/>
13.
<
GradientStop
Offset
=
"1"
Color
=
"LightGreen"
/>
14.
</
telerik:RelativeValueGradientColorizer
>
15.
16.
</
telerik:TypeDefinition.Mappings
>
17.
18.
</
telerik:TypeDefinition
>
19.
</
telerik:RadTreeMap.TypeDefinitions
>