如何通过Tableau JS仅显示选定的维度_如何在表中仅显示选定的维度值_如何仅显示选定复选框的数据 - 腾讯云开发者社区

如何通过Tableau JS仅显示选定的维度

Tableau JS是Tableau的JavaScript API，它允许开发人员在网页中嵌入Tableau可视化工具，并与之交互。通过Tableau JS，可以实现仅显示选定的维度的功能。

要通过Tableau JS仅显示选定的维度，可以按照以下步骤进行操作：

引入Tableau JS库：在网页中引入Tableau JS库，可以通过CDN链接或者本地引入的方式来获取Tableau JS库。
创建Tableau工作簿对象：使用Tableau JS库提供的API，创建一个Tableau工作簿对象，可以指定要加载的Tableau工作簿文件。
加载Tableau工作簿：使用Tableau工作簿对象的loadAsync方法，加载Tableau工作簿文件。可以通过指定参数来控制加载的行为，例如是否自动调整大小、是否显示工具栏等。
获取工作表对象：在Tableau工作簿加载完成后，可以使用工作簿对象的getWorkbook方法获取工作簿中的工作表对象。
获取维度字段列表：通过工作表对象的getDimensions方法，获取工作表中的维度字段列表。
设置显示的维度：根据需要，选择要显示的维度字段。可以使用工作表对象的applyFilterAsync方法，通过指定维度字段和要显示的值，来设置显示的维度。
更新工作表：使用工作表对象的refreshAsync方法，更新工作表以显示选定的维度。

下面是一个示例代码，演示如何通过Tableau JS仅显示选定的维度：

// 引入Tableau JS库
<script src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>

// 创建Tableau工作簿对象
var viz, workbook, activeSheet;
function initViz() {
  var containerDiv = document.getElementById("tableauViz");
  var url = "your_tableau_workbook_url";
  var options = {
    hideTabs: true,
    hideToolbar: true,
    onFirstInteractive: function() {
      workbook = viz.getWorkbook();
      activeSheet = workbook.getActiveSheet();
      showSelectedDimension("your_dimension_field_name", "your_selected_dimension_value");
    }
  };
  viz = new tableau.Viz(containerDiv, url, options);
}

// 获取工作表对象
function showSelectedDimension(dimensionField, selectedValue) {
  workbook.activateSheetAsync(activeSheet.getName()).then(function() {
    var sheet = activeSheet;
    sheet.getDimensionsAsync().then(function(dimensions) {
      var selectedDimension = dimensions.find(function(dimension) {
        return dimension.getFieldName() === dimensionField;
      });
      selectedDimension.applyFilterAsync(selectedValue, tableau.FilterUpdateType.REPLACE);
      sheet.refreshAsync();
    });
  });
}

在上述示例代码中，需要将"your_tableau_workbook_url"替换为实际的Tableau工作簿文件的URL，"your_dimension_field_name"替换为要显示的维度字段的名称，"your_selected_dimension_value"替换为要显示的维度值。

这样，通过调用showSelectedDimension函数，即可实现通过Tableau JS仅显示选定的维度。

推荐的腾讯云相关产品：腾讯云数据可视化服务（DataV），它是一款基于云计算和大数据技术的数据可视化产品，可以帮助用户快速构建各类数据可视化应用。DataV提供了丰富的可视化组件和交互功能，支持多种数据源的连接和数据处理，适用于各种场景的数据可视化需求。

腾讯云产品介绍链接地址：腾讯云数据可视化服务（DataV）