4.5.1 ESMapV 图表联动

通过图表与表格 进行点击交互与数据联动 预览地址

操作步骤

  1. 打开接口管理 添加接口模板 配置接口路径和参数 与名称等基础信息

  2. 添加基础模板图表与表格。

  3. 配制动态数据与数据接口,数据格式可参考 (表格数据需要进行重置列设置)

    1. 图表数据返回路径(样例数据) https://www.esmap.cn/esmapv/plug-in/libData/echart.json
    2. 表格数据返路径(样例数据) https://www.esmap.cn/esmapv/plug-in/libData/table.json
  4. 配置交互

    1. 添加交互 选择点击触发(默认为点击触发)

    2. 选择 更新组件

      1. 更新方式为 数据更新(默认为数据更新)
      2. 绑定组件 指定要进行更新的组件对象
      3. URL参数 key 指定需要传递的key 如没有需要选择新增key (会指定跳转到该组件采用的数据接口到接口管理组件展开 后进行参数名和参数值进行配置 如默认无需传递可以只填写参数名 填写完毕保存后 交互中会自动生成您填写的参数名进行选择)
      4. 指定value 可以输入字符 或点击旁边的 `设置小按钮` 选择需要获取指定组件对象的数据 比如当前的图表点击后的数据