跳转至

树状图#

treemapIcon

概述#

树状图小组件提供了一种以树结构可视化分层数据的机制。

要在UI页面中使用数据值小组件,请执行以下步骤。

  1. 在处于构建模式的任何UI页面中,从页面右侧的“小组件”列表中选择树状图小组件,然后将其拖放到UI页面中的正确位置。
  2. 进入小组件的“设置”部分。

treemapButton

  1. 在“常规”选项卡中,提供小组件的名称、说明,并指定是否应显示标题以及用户是否可以激活全屏模式。 treemapGeneral
  2. 在“设置”选项卡中,将配置小组件的可视属性和字段名称。 1.标题 - 树状图的标题 1.副标题 - 树状图的副标题 1.“名称”字段 - 包含树状图中每个区域名称的字段的名称。 1.“颜色”字段 - 包含树状图中每个区域颜色的字段的名称。 1.“值”字段 - 包含树状图中每个区域值的字段的名称(可视元素的区域将与此值成比例)。
    treemapSetup
  3. (可选)定义此小组件和UI页面的其他元素之间的链接。 treemapLinks
  4. 通过保存并关闭设置,小组件将相应地进行更改。