[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

容器

功能概述

系统提供了两种容器类组件:容器及选项卡。

使用容器可以大大方便仪表板的布局设计,我们可以按将同一主题的相关组件放到同一容器中,统一调整布局。

除此以外,还可以配置容器内组件进行交叉过滤时的影响范围。

接下来本节为您详细介绍容器组件。

添加容器组件

单击可视化组件中的容器组件图标image2018-9-19_12-5-39.png,通过拖拽将容器组件添加到仪表板设计器中。

image


与其他组件一样,通过拖拽可调整容器组件位置及大小。也可通过拖拽来调整标题区域及容器区域的大小。

image

添加组件

通过拖拽操作,可将其他可视化组件添加到容器组件当中或从容器组件中移除。

image

选中组件,绑定数据。

image

type=info

提示

容器组件无法嵌套,即无法将容器组件及选项卡组件添加到容器组件当中。

容器组件的交互

联动分析

  • 容器组件外部的可视化组件,可影响到容器组件内部的组件。

  • 在同一容器组件内部的组件之间会相互影响。

  • 容器内组件的影响范围可配置为当前容器整个页面。如容器过滤范围配置为当前容器,则不会影响到容器外部的组件;如配置为整个页面,则会影响到容器外部的组件;

    image

与筛选器一起使用时

  • 筛选器仅能影响同一容器组件内部的可视化组件,不会影响到容器组件外部的可视化组件;

  • 容器组件外部的筛选器组件,可影响到容器组件内部的可视化组件。

属性设置

选中容器组件后,在编辑区右侧选择属性设置进行容器组件样式的设置。

具体介绍请参见:单个组件外观与属性设置

image