百度数据可视化Sugar

    树形选择组件

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

    多选模式

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

    图片

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

    图片

    效果如下:

    图片

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

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

    图片

    默认值

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

    图片

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

    数据绑定

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

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

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

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

    则对应配置如下所示:

    图片

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