如何通过自定义图表同时批量触发多个数据集更新

在一些运营看板或业务大屏中，我们可能希望用户点击一个按钮后，同时触发多个数据集刷新。场景：比如一个页面依赖多个上游数据集，手动逐个进入数据集页面刷新效率较低，就可以通过bi里边的「自定义图表」放置一个按钮，一键批量调用多个数据集的刷新接口。

本文介绍一种基于自定义图表的实现方式：在仪表板中添加一个按钮，点击后并发请求多个数据集刷新 URL，并展示触发结果。

实现效果

页面中显示一个「触发更新」按钮：

• 点击后同时触发多个数据集更新
• 按钮触发期间自动禁用，避免重复点击
• 根据接口返回结果展示成功、部分成功或失败状态

配置方式

在仪表板中新增一个自定义图表卡片，分别填入以下文件中的 HTML、CSS 和 JavaScript 代码。如何同时批量触发多个数据集更新.docx.zip

代码说明

核心配置在 urls 数组中：

const urls = [
  '数据集刷新地址1',
  '数据集刷新地址2',
];

需要批量触发几个数据集，就在数组中配置几个刷新接口地址。

点击按钮后，代码会通过：

Promise.allSettled(urls.map(requestRefresh))

并发请求所有刷新接口。这里使用 Promise.allSettled 的好处是，即使其中某个数据集触发失败，也不会影响其他数据集的触发结果统计。

最终会根据执行结果展示三种状态：

• 全部成功：已触发 2 个数据集更新任务
• 部分成功：部分触发成功：成功 x 个，失败 y 个
• 全部失败：触发失败，请检查 URL/token 是否有效