嵌入式Power BI报告如何实现筛选器和切片器重置恢复默认值

你之前调用的report.removeFilters()只移除页面筛选器，不符合需求，可采用以下两种方案实现和官方重置按钮一致的效果：

方案一：调用原生全局重置API（推荐，SDK版本≥2.10.0支持） #

Power BI 嵌入式JS SDK提供了原生report.reset()方法，执行后会将报告恢复到首次加载的初始状态，所有层级筛选器（报告级、页面级、视觉级）、切片器选中值都会恢复为报告发布时的默认配置，和你需要的官方重置功能效果完全一致。
调用示例：

// 获取已嵌入的报告实例
const report = powerbi.get(yourReportContainerDom);
// 执行重置
report.reset()
  .then(() => {
    console.log("重置完成");
  })
  .catch(err => {
    console.error("重置出错：", err);
  });

方案二：低版本SDK兼容方案 #

如果你使用的SDK版本低于2.10.0不支持reset()方法，可以通过缓存初始状态再覆盖的方式实现：

1. 报告首次加载完成时，缓存所有默认筛选器配置和切片器初始状态
2. 点击重置按钮时，将缓存的默认配置重新应用到报告
   代码示例：

// 存储初始状态变量
let initReportFilters = [];
let initSlicerStates = [];

// 报告加载完成时缓存初始状态
report.on('loaded', async () => {
  // 缓存报告默认筛选器
  initReportFilters = await report.getFilters();
  // 缓存所有切片器初始状态
  const allPages = await report.getPages();
  for (const page of allPages) {
    const allVisuals = await page.getVisuals();
    const slicers = allVisuals.filter(visual => visual.type === 'slicer');
    for (const slicer of slicers) {
      const state = await slicer.getSlicerState();
      initSlicerStates.push({
        pageName: page.name,
        slicerName: slicer.name,
        state: state
      });
    }
  }
});

// 重置按钮触发函数
async function handleReset() {
  // 恢复所有筛选器
  await report.updateFilters(window.powerbi.models.FiltersOperations.ReplaceAll, initReportFilters);
  // 恢复所有切片器状态
  for (const item of initSlicerStates) {
    const targetPage = await report.getPageByName(item.pageName);
    const targetSlicer = await targetPage.getVisualByName(item.slicerName);
    await targetSlicer.setSlicerState(item.state);
  }
}

注意事项 #

• 方案一的report.reset()会同时重置钻取、跨视觉选中等所有用户交互操作，完全回到报告初始打开状态。
• 如果仅需要重置筛选器和切片器，不需要重置其他交互，可选择方案二实现。

内容的提问来源于stack exchange，提问作者Sanket