JavaScript嵌入Power BI时CommandTriggered事件数据点缺失求助

嘿，我之前也碰到过这个问题，咱们来一步步搞定它！

首先得搞清楚为什么你点击图表时datapoints是空的：不是所有commandTriggered事件都会返回数据点，只有当触发的命令和「数据选择」相关（比如选中图表里的单个/多个数据点）时，datapoints才会有值。普通的点击图表（没触发选择操作）或者其他类型的命令，这个字段自然是空的。

下面是具体的解决步骤：

1. 先确保嵌入配置开对了权限 #

在初始化Power BI报表的嵌入配置里，必须开启交互和数据选择的权限，否则连选择数据的功能都用不了，更别说获取数据点了。示例代码如下：

const embedConfig = {
  type: 'report',
  id: '<你的报表ID>',
  embedUrl: '<你的报表嵌入地址>',
  tokenType: models.TokenType.Embed,
  accessToken: '<你的嵌入令牌>',
  settings: {
    interactions: {
      allowInteractions: true, // 允许报表交互
      allowSelection: true     // 关键：允许选中数据点
    }
  }
};

2. 针对数据选择类命令处理datapoints #

修改你的commandTriggered事件监听代码，先判断命令类型，只处理Visuals.Select这类和数据选择相关的命令：

report.on("commandTriggered", function(command) {
  // 先判断是不是数据选择命令
  if (command.detail.command.name === "Visuals.Select") {
    const datapoints = command.detail.datapoints;
    if (datapoints && datapoints.length > 0) {
      console.log("拿到数据点啦：", datapoints);
      // 这里可以写你的自定义逻辑，比如把数据导出到本地网站
    } else {
      console.log("还没选中任何数据点哦");
    }
  } else {
    console.log("当前命令不返回数据点，命令名：", command.detail.command.name);
  }
});

3. 自定义菜单命令？主动调用API拿数据 #

如果你是要加自定义菜单（比如自己加个「提取数据」按钮），那直接用commandTriggered可能不太方便，更靠谱的是在自定义命令的处理器里主动调用getSelectedData()方法获取选中的数据：

// 注册一个自定义命令
await report.commands.registerCommand({
  name: "ExtractCustomData",
  title: "提取报表数据",
  handler: async () => {
    try {
      // 主动获取当前选中的数据
      const selectedData = await report.getSelectedData();
      if (selectedData.datapoints.length > 0) {
        console.log("自定义命令获取到的数据：", selectedData.datapoints);
        // 这里可以把数据渲染到你的本地网站上，或者导出成CSV
      } else {
        alert("麻烦先选中图表里的数据点哦！");
      }
    } catch (err) {
      console.error("获取数据失败：", err);
    }
  }
});

4. 最后检查嵌入令牌的权限 #

别忘了，生成嵌入令牌的时候必须授予足够的权限，比如至少要有Dataset.Read权限，否则无论是commandTriggered里的datapoints还是getSelectedData()都会拿不到数据。如果需要获取底层原始数据（不是聚合后的），还得用getUnderlyingData()方法，这个需要更高的权限哦。

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