通过javascript API保存和还原Tableau图形的当前视图状态

Question

问题：

我如何通过javascript-API存储（然后再检索）Tableau视图的自定义状态？

描述：

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

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

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

一个示例文件，以及错误：

为了更好地说明这个问题，我创建了一个最小的演示（下面的代码段），尝试使用上述第二种方法。 在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错误。 该文件也已在此处发布。

 <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>

Answer 1

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

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

换句话说，Tableau Public托管的图不支持功能workbook.rememberCustomViewAsync('customViewName') -例如上面示例中使用的图（ https://public.tableau.com/views/... ）。

通过javascript API保存和还原Tableau图形的当前视图状态

问题描述

1 个解决方案

解决方案1
3 已采纳 2015-11-18 15:18:51

通过javascript API保存和还原Tableau图形的当前视图状态

问题描述

1 个解决方案

解决方案1 3 已采纳 2015-11-18 15:18:51

解决方案1
3 已采纳 2015-11-18 15:18:51