有奖捉虫:办公协同&微信生态&物联网文档专题 HOT
Tab 组件是多个图表的集合,通过 tab 的标签切换来查看不同的标签下的内容。

场景示例

通过切换标签查看不同部门的产品售卖情况。

图例效果





使用方式

1. 从组件列表中拖入 Tab 组件到画布。n


2. 添加标签并设置标签项(详见组件设置);
3. 单击组件中的标签,切换到当前激活的标签项:n


4. 拖动图表组件到对应的标签项内容区。n


5. 编辑图表内容(详见各图表组件操作指南)n



组件设置

Tab 组件支持以下设置:
设置分类
设置项
设置说明
标签项
标签项名称
可设置标签项显示的名称
标签项排序
点击左侧上下箭头进行标签项的排序
添加标签
单击可新增一个标签项,最多支持10个标签项
删除标签
单击右侧删除图标,可删除一个标签项,最少保留1个标签项
标签样式
标签对齐
设置标签的对齐方式,提供三种类型供选择:1. 居左2. 居中3. 居右
标签形式
设置标签的展现形态,提供两种类型供选择:1. 文字型2. 按钮型
保留小数位
设置数值小数位的位数,如“1211.2334”,设置保留小数位为“2”,则展示“1211.23”
标题
显示
开启/关闭显示 tab 标题
标题名称
展示 tab 组件的标题名称

注意
1. Tab 组件只支持图表类的组件,不可放置非图表类组件,如文本等。
2. 每个标签页下只支持放置1个图表组件。