跳到主要内容

大屏如何配置组件联动

使用联动可在表单中根据查询条件联动图表/表格，或是图表联动图表

联动配置仅用于动态数据的SQL和API数据集，静态数据及JSON数据不支持

1. 联动效果​

以表单联动图表为例，输入查询条件，联动图表根据传参联动刷新数据。

2. 配置表单查询条件​

2.1 选择查询条件​

2.2 配置查询条件字段：​

2.3 配置完成后的效果：​

3. 配置图表​

3.1 添加图表​

以柱状图为例

3.2 配置图表数据​

3.2.1 图表数据配置​

  • 本例配置SQL数据集，传参的SQL；
select * from demo where name like '%${name}%' and sex='${sex}'
  • 也可以配置API数据集
https://api.jeecg.com/mock/map?name=${name}&value=${value}

数据解析后，可以在参数列设置默认值

4. 配置联动​

  • 点击表单组件，右侧操作配置选择联动设置

  • 可设置联动的图表会出现在下拉框

  • 配置联动参数
    1. 选中联动组件
    2. 点击新增追加联动映射字段
    3. 设置映射字段 映射字段：表单中的查询字段，如“姓名”、“性别” 接收参数：图表数据集中的查询参数，如“name”，“sex”

5. 配置完成，去预览页面试试吧​