如何在ReactJS中程序化禁用PowerBI嵌入报表的切片器？

你使用的setSlicerState({ filters: [] })仅能清空切片器的筛选内容，无法禁用用户对切片器的交互操作。以下是两种有效的程序化禁用方法：

方法1：修改切片器交互属性 #

通过updateProperties方法直接修改切片器的交互控制属性，禁止用户操作：

window.report.getPages().then(pages => {
    pages[0].getVisuals().then(visuals => {
      const targetSlicer = visuals.find(v => v.name === "123456789");
      
      targetSlicer.updateProperties({
        objects: {
          slicer: {
            general: {
              allowInteractions: false
            }
          }
        }
      })
      .then(() => console.log("切片器已禁用"))
      .catch(err => console.error("禁用失败:", err));
    });
});

如果上述属性路径无效，尝试简化路径（部分切片器类型适用）：

objects: {
  general: {
    allowInteractions: false
  }
}

方法2：锁定指定视觉对象 #

通过报表updateSettings将目标切片器设为只读状态：

window.report.updateSettings({
  visualsSettings: {
    visualSpecificSettings: [
      {
        visualName: "123456789",
        readOnly: true
      }
    ]
  }
})
.then(() => console.log("切片器已锁定"))
.catch(err => console.error("锁定失败:", err));

注意事项 #

• 确认targetSlicer已正确获取：可打印targetSlicer.type验证是否为slicer类视觉对象
• 嵌入权限需包含readWrite：仅view权限无法修改视觉对象属性

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