问题:

如何通过javascript-API存储(然后再检索)Tableau View 的自定义状态?

说明:

我正在一个网站上工作,目前我们允许任何用户将一组Tableau View 协作成一个类似PowerPoint的在线演示文稿,以供以后使用。在我们当前的实现中,Tableau图形的状态未存储,因此用户每次保持演示文稿时都必须应用其所需的过滤器,选择工作表等。这就是我们现在要避免的。

最简单的解决方案是存储和检索通过底部工具栏访问的“共享”链接之一。这些链接包含当前 View 的状态,但是到目前为止,我们还无法做到这一点:首先,由于域问题,我们不能简单地从嵌入代码iframe中获取共享链接;其次,API方法workbook.getUrl()似乎不包括当前 View 的状态。

我目前正在研究workbook.rememberCustomViewAsync(name)和workbook.showCustomViewAsync(name)方法,这似乎是一个可能的解决方案。但是,我似乎无法从这两种方法中的任何一种获得任何明智的结果,因为它们在运行时最终都会给出模糊的,非信息性的500错误。

一个示例文件,以及错误:

为了更好地说明此问题,我创建了一个最小的demo(下面的代码段),尝试使用上述第二种方法。在Google Chrome浏览器中打开后,两个按钮(“保存状态”和“获取状态”)都不适合我,并且在开发人员工具中可以看到以下错误(分别为http响应消息和开发者控制台输出):

Http响应:

<br>
2015-11-11 16&#x3a;14&#x3a;17.916
&#x28;VkNpWQrCQaIAACQo2YYAAAPi,0,0&#x29;

控制台错误:
POST http://public.tableau.com/vizql/w/Book6_426/v/YRKE/save_customized_view/sessions/208A699D34E14708A2268AA10A827C99-0:0 500 (Internal Server Error)

有谁知道我可以通过使提供的代码示例正常工作(所述的第二种方法)或通过任何其他方式来解决此问题?任何帮助,将不胜感激!

PS:此处的代码段模拟器将导致Access-Control-Allow-Origin错误。该文件也已发布here

<html>

<head>
  <title>A simple Tableau API demo</title>
  <!--script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <!--script type="text/javascript" src="https://online.tableau.com/javascripts/api/tableau_v8.js"></script-->
  <script type="text/javascript" src="https://online.tableau.com/javascripts/api/tableau-2.min.js "></script>
</head>

<body>


  <H2>Custom view storage demo</H2>

  <button id="remember-button">
    Remember state 'test'
  </button>
  <button id="retrieve-button">
    Retrieve state 'test'
  </button>

  <div id="viz-placeholder" style="width: 1000px; height: 1000px; display: block;"></div>


  <script>

    // Render tableau graph
    function initializeViz() {
      var placeholderDiv = document.getElementById("viz-placeholder");
      var url = "https://public.tableau.com/views/Book6_426/YRKE";
      var options = {
        width: placeholderDiv.offsetWidth,
        height: placeholderDiv.offsetHeight,
        hideTabs: true,
        hideToolbar: true,
        onFirstInteractive: function() {
          workbook = viz.getWorkbook();
          activeSheet = workbook.getActiveSheet();
        }
      };
      viz = new tableau.Viz(placeholderDiv, url, options);
    }

    $(initializeViz)


     // Assign and set up button actions for storing and retrieving the custom view
    var customViewName = "test";

    $('#remember-button').click(function() {
      console.log("Remembering: ", customViewName);

      // Try to save state, or print error
      viz.getWorkbook().rememberCustomViewAsync(customViewName).otherwise(function(err) {
        console.log("An error occured:");
        console.log(err);
      });

    });

    $('#retrieve-button').click(function() {
      console.log("Retrieving: ", customViewName);

      // Try to retrieve state, or print error
      viz.getWorkbook().showCustomViewAsync(customViewName).otherwise(function(err) {
        console.log("An error occured:");
        console.log(err);
      });

    });
  </script>


</body>

</html>

最佳答案

Okey,所以我已经与Tableau客户支持联系,他们似乎已经找到了问题。

显然,javascript-API的某些元素仅适用于Tableau Online和Tableau Server-不适用于Tableau Public。

换句话说,Tableau Public托管的图不支持函数workbook.rememberCustomViewAsync('customViewName') -例如上例中使用的图(https://public.tableau.com/views/...)。

07-24 09:50
查看更多