通过标签按钮切换iframe链接 拖入标签按钮组件,为其选项值分别设置对应的页面url,如下所示: 通过标签按钮组件在“数据绑定”中写绑定,绑定公告板数据。 为iframe组件在“数据绑定”中绑定其链接地址属性,选择在上一步配置好的公告板数据源。
过滤组件的级联 使用 SQL 方式时,过滤条件之间可以设置依赖关系,从而达到过滤条件级联的效果,常见的例如省、市、区县这样的三级单选条件的级联效果! 目前Sugar BI中只能对『单选』、『多选』、『树形选择』类型的过滤条件以及『输入框的 suggestion 数据』设置依赖。
时间粒度组件 过滤组件如何对图表数据进行过滤,详见 过滤组件关联图表 。 时间粒度 通过时间粒度过滤条件可以按照天、周、月或者季度等这些时间粒度进行数据的筛选,以达到例如对某一季度数据的统计展示的效果。
展示模式的切换和相关样式配置可以在智能图表的控制面板中找到: 选择要提问的数据模型 AI 问答可以对一个或多个数据模型进行提问,在这里可以进行选择,注意确认被选中的数据模型都开启了 AI 问答功能并训练完成: AI 问答组件的展示模式和样式 AI 问答组件的默认模式是一个输入框,点击输入框可以看到各数据模型配置的推荐问题: 也可以配置让推荐问题一直显示: 各模式下的样式可以在控制面板中自由配置。
时间范围组件 过滤组件如何对图表数据进行过滤,详见 过滤组件关联图表 。
展示模式的切换和相关样式配置可以在智能图表的控制面板中找到: 选择要提问的数据模型 AI 问答可以对一个或多个数据模型进行提问,在这里可以进行选择,注意确认被选中的数据模型都开启了 AI 问答功能并训练完成: 样式配置 组件本身是一个和远程麦克风连接的开关,右上角的指示灯代表连接状态,开关的样式和语音输入回显框的样式均可配置: 需要注意的是,一个大屏中只支持添加一个语音交互组件
树形选择组件 过滤组件如何对图表数据进行过滤,详见 过滤组件关联图表 。 绑定数据 默认情况下,树形选择是多选模式的,当然您也可以配置为单选模式。使用数据模型绑定数据时,可以很简单的拖入多个层级字段,如下图: 默认值 树形选择可以设置默认值,输入默认想选中的项的取值即可,如果是多选则使用英文逗号分隔: 填写自定义取值时需要注意,填写的是选项的取值,而不是名称。
日期范围组件 过滤组件如何对图表数据进行过滤,详见 过滤组件关联图表 。
到此我们的插件侧项目就搭建好了,下面我们简单建一个vue项目,嵌入到侧边栏中 三:新建一个Vue3 项目,在侧边栏中展示,实现vscode插件 <=> vue项目 双向消息传递 文章开头我们提到,插件内展示丰富的UI,既可以用iframe展示线上web网页,也可以在插件内部用vsode ui实现。
过滤组件关联图表 过滤组件关联图表 Sugar BI 中支持了 10+种过滤组件,这些过滤组件都是让用户在浏览报表或大屏的时候,能够交互式的对页面上的图表进行数据的过滤。所有过滤组件对图表的数据过滤设置都是一样的,如下: 例如页面中已有两个图表(这两个图表使用的同一个数据模型),在页面上新增了一个「日期范围」类型的过滤条件,现在需要让日期范围对这两个图表进行数据的过滤。