...
树图既可以组织存在父子结构的项目,亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建,图2是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。
类型 | 图例 |
---|---|
基于父子关系结构字段构建。 示例详情请参见情景1。 | |
基于非父子关结构字段构建。 其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 示例详情请参见情景2。 |
Title_font_1 Name 树图的特点说明如下:
...
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
...
情景1
业务情景描述:展示地域性字段的包含关系。
数据结构 数据结构:
业务情景的数据来源如下:
我们的基础数据以明细表的形式存储。
定制要点
拖拽“发货省份”字段到 标记>标签 上,“数量”字段到 标记>大小 和 标记>颜色 上。
钻取设置
通过对层级结构的字段创建层次,树图可以实现右键选择下钻到下一层次和上钻返回的效果。具体操作请参考 功能示例-自定义层次维下钻 。
配色修改(设置颜色分类)
多色配色可以设置 标记>标签 的字段按照 标记>颜色 的字段进行颜色分类。
选中树图组件,拖拽字段“发货区域”到“标记区”的 颜色 标记项, 可以设置发货省份按照其所属区域以不同的颜色显示。如下图所示:
定制要点:
设置“是否父子维”为“是”,并设置好父节点、子节点及名称显示的字段。
示例效果:
以上设置效果如下:
情景2
业务情景描述:展示按照产品类别、产品、区域和城市的层次的销售数据。
数据结构:
业务情景的数据来源如下:
定制要点:
设置“是否父子维”为“否”,勾选“产品目录”、“区域”和“城市”字段为分类(X)轴,“单价”和“数量”字段为指标(Y)轴。
示例效果:
以上设置效果如下: