页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

概要说明 

树图,又称矩形树图是一种有效的实现层级结构可视化的关系型图表结构。 

...

下图是一个图,它通过各矩形的面积大小和颜色深浅显示了不同发货省份的销售大小,下钻到发货城市,可以查看到不同发货城市在所属发货省份中的占比情况。从图中矩形的大小可以看出:直辖市天津市的销售数量最大。

Image RemovedImage Added

优势 

1) 可以清晰地显示树状层级结构,在展示横跨多个层级的数据信息时非常方便,从图表中可以直观地看到每一层的每一项占父类别和整体类别的比例。

...

不适用场景:没有权重关系,不需要数值大小对比的数据,没有层级关系的数据  

实现方案

业务情景描述:展示发货区域和下一层级发货城市的销售数量

数据结构 

以上业务情景业务情景的数据来源如下

我们的基础数据以清单表的形式存储,以上表结构只显示了我们业务场景需要的关键维度和指标数据。我们的基础数据以明细表的形式存储。

定制要点

拖拽发货省份字段到  标记>标签  数量字段到 标记>大小  标记>颜色 

钻取设置

通过对层级结构的字段创建层次,树图可以实现右键选择下钻到下一层次和上钻返回的效果。具体操作请参考展开示例中的创建层次维度Image Removed。具体操作请参考 功能示例-自定义层次维下钻 。

Image Added

配色修改(设置颜色分类)

多色配色可以设置 标记>标签 的字段按照 标记>颜色 的字段进行颜色分类。

选中图组件,拖拽字段“发货区域”到“标记区”的 颜色 标记项, 可以设置发货省份按照其所属区域以不同的颜色显示,系统显示默认多色。如下图所示:区域以不同的颜色显示。如下图所示: