如何获取Tableau仪表板中的所有viewid以实现带水印PDF导出

下面提供两种实用方法来获取仪表板内的viewid，满足你自定义PDF导出（加水印）的需求：

一、通过Tableau JavaScript API编程获取 #

如果是在代码中集成Tableau仪表板，官方JS API是最可靠的方式，能自动获取所有视图ID：

1. 先初始化Viz实例并监听加载完成事件
2. 从激活的工作表中拿到仪表板对象
3. 遍历仪表板下的所有工作表，每个工作表的id属性就是目标viewid

示例代码：

// 初始化Tableau可视化实例
const tableauContainer = document.getElementById('tableau-container');
const viz = new tableau.Viz(tableauContainer, 'https://你的Tableau服务器地址/工作簿路径');

// 等待仪表板加载完成
viz.addEventListener(tableau.TableauEventName.VIZ_LOAD, () => {
  const activeSheet = viz.workbook.activeSheet;
  // 确认当前是仪表板类型
  if (activeSheet.getSheetType() === 'dashboard') {
    // 遍历所有视图工作表
    const allViews = activeSheet.getWorksheets();
    allViews.forEach(view => {
      console.log(`视图名: ${view.getName()}, viewid: ${view.id}`);
      // 这里可以把viewid存入数组，后续用于自定义PDF导出
    });
  }
});

二、通过浏览器开发者工具临时获取 #

如果只是临时获取viewid，无需编写代码，直接用浏览器工具即可：

1. 打开Tableau仪表板页面，按F12唤起开发者工具
2. 切换到Console标签，输入以下代码执行：

const targetViz = window.tableau.VizManager.getVizs()[0];
const dashboard = targetViz.workbook.activeSheet;
if (dashboard.getSheetType() === 'dashboard') {
  dashboard.getWorksheets().forEach(v => console.log(`名称: ${v.getName()}, viewid: ${v.id}`));
}

3. 控制台会直接输出所有视图的名称和对应的viewid；也可以在Elements标签中搜索viewid，从DOM元素中提取对应值

你想要实现的导出选择视图效果：

内容的提问来源于stack exchange，提问作者ajax.xiong