所有文档

          百度数据可视化 Sugar

          树形选择组件

          过滤组件如何对图表数据进行过滤,详见过滤组件关联图表

          多选模式

          默认情况下,树形选择是单选模式的:

          图片

          可以在配置中打开多选模式:

          图片

          效果如下:

          图片

          可以看到此时选择了 folder1-name 文件夹,值里也只有 folder1-name

          如果打开了附加融合子节点一项,则会在取值中加入选中项的所有子节点:

          图片

          默认值

          树形选择可以设置默认值,输入默认想选中的项的取值即可,如果是多选则使用英文逗号分隔:

          图片

          填写自定义取值时需要注意,填写的是选项的取值,而不是名称。

          数据绑定

          API 拉取方式绑定数据请参照「各种过滤组件的 API 格式要求」。

          如果选择 SQL 建模方式绑定过滤条件数据,需要先建立 SQL 模型并绑定字段到过滤条件,SQL 模型相关请参见「SQL 模型」。

          考虑到一颗树形图在数据库中的存储很多时候是通过 id 和 parentId 这种模式来建立关联的,因此对于树形选择的 SQL 建模需要绑定以下字段:

          • 父节点 id(必填,没有父节点的请一律处理为 null)
          • 节点 id(必填)
          • 取值字段(建议填写,如果没绑定取值字段,则会以节点 id 的字段作为取值字段)
          • 名称字段(建议填写,如果没绑定名称字段,则会以取值字段作为名称字段)

          则对应配置如下所示:

          图片

          上一篇
          时间粒度组件
          下一篇
          输入框组件