概述

随着ComponentOne Studio的2017 v2版本的推出，TreeMap图表是用于WinForms，WPF和UWP的FlexChart的最新版本。 TreeMap专门用于可视化分层数据，使用嵌套矩形显示值。 TreeMap是传统树形图中节点链接表示的替代方法，它是一种紧凑而且占用空间的选项，用于显示层次结构以快速概述数据结构。

Traditional Tree Diagram

TreeMap Chart

关于TreeMap Charts

TreeMap图表使用矩形来呈现数据，其中矩形的大小与矩形表示的数据项的值成比例。与传统树形图相比，矩形呈现允许TreeMap在有限的空间中呈现更大的数据集。这些矩形的布局 - 矩形在TreeMap中被划分成子矩形的方式取决于所使用的平铺算法。 C1TreeMap控件支持3种不同的拼接算法 - 方形，水平和垂直 - 可以使用TreeMap的ChartType属性指定。在这三种类型中，Squarified是最受欢迎的一种，其宽高比接近于1。我们将在本博客中使用Squarified作为其余的示例。

识别数据极端：

TreeMaps最适合于需要在项目之间进行比较以评估其相对于彼此的性能的场景。这有助于发现数据极端。例如，以下图表可帮助您按区域和分区域分析人口最多的国家。快速浏览图表，告诉我们人口最多的国家在亚洲地区，而人口最少的国家在大洋洲地区

Using TreeMaps to identify the data extremes

分析双变量数据：

TreeMaps可用于同时表示两个定量变量。虽然这些变量中的一个由TreeMap中的矩形的大小表示，另一个由矩形的颜色描绘。通过TreeMap的这个方面，您可以轻松地确定两个变量之间的相关性，这对于识别数据中的模式非常有用。

Use a TreeMap to analyze bivariate data

可视化大数据集：

随着数据的不断扩大，我们必须拥有可以使用这些数据来显示和分析这些数据的工具。通常，分析大数据集的预期最终结果之一是识别不良资产或对正在研究的数据提供一些见解的模式。 TreeMap图表提供的嵌套矩形优化的空间使用对于可视化和分析这样大的数据是完美的。

绘制部分对整体关系：

虽然TreeMaps本质上旨在可视化分层数据，但它们也可用于绘制非分层数据。例如，您可以绘制通常由饼图表示的部分到全部关系。 TreeMap表示提供了绘制这种关系的现代和不同的前景。

Plotting Part-to-whole Relationships Using a TreeMap Chart

如何在你的程序中添加一个TreeMap

要将TreeMap图表添加到应用程序，请按照下列步骤操作：

将TreeMap控件放在设计器表面上。
指定图表的DataSource：
treeMap.DataSource = GetData（）;
将图表的Binding设置为包含要绘制的值的属性名称：
treeMap.Binding =“sales”;
将图表的BindingName设置为包含数据项名称的属性名称：
treeMap.BindingName =“type”;
接下来，将图表的ChildItemsPath设置为用于在层次结构数据中生成子项的属性（或属性）名称：
treeMap.ChildItemsPath =“items”;

adding-treemap-to-your-application

配置TreeMap

在上面的部分，我们学习了如何设置一个基本的TreeMap图表。现在，我们将看到如何进一步配置图表。

TreeMap的Datalabel可以设置为可选地在矩形内显示文本：
treeMap.DataLabel.Content =“{type}”;
treeMap.DataLabel.Position = C1.Chart.LabelPosition.Center;
您可以使用MaxDepth属性设置TreeMap将显示的最大节点级数。这可以用于在完整的图表上向下/向上钻取。
treeMap.MaxDepth = 2;

Drill down into TreeMap