跳到主要内容

矩形树图

矩形树图控件

1.1 介绍与演示​

image
Preview

矩形树图在数据可视化领域具有重要的作用，它不仅能够清晰地展示数据的层级关系和分布情况，还能够直观地展示数据的权重和同级比较关系，为用户提供了强大的数据分析和探索工具。

1.2 使用教程​

1.2.1 数据导入​

数据导入支持：Json数据集、API服务数据集；
基础数据准备：Json数据集或Excel【可百度转换成Json文件】
2. 注意事项：
数据要求：多个维度，1个度量
多个维度：根据树形结构层级来拖入数据；

1.2.2 基础属性​

基础属性可以对本控件的背景、边框、标题等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 标题：控件标题（是否显示）、显示高度、标题背景设置、字体样式设置、超链接、字体位置等设置；
  4. 内边距：设置容器内边距

1.2.3 高级属性​

  • 矩形树配置​

展示层级深度：页面中需要展示的树级结构；
边框：设置边框尺寸、颜色；
内边框：设置内容之间间距，尺寸，颜色；

是否展示父层级
父层级的样式设置：高度，背景，字体设置

根据父层区域控制：根据树形结构中父层的区域来划分颜色
根据度量定义颜色：根据度量的数据来划分颜色

1.3 事件属性​

事件属性主要是控件的穿透和控件动效。